diff --git a/exercicio-de-sala/1.revisao/script.js b/exercicio-de-sala/1.revisao/script.js new file mode 100644 index 0000000..3eebbaf --- /dev/null +++ b/exercicio-de-sala/1.revisao/script.js @@ -0,0 +1,49 @@ +//const let var + +//let nome = "Aida"; +//variavel let , recebe como valor uma string +let nomes = [ + { + pais: "Brasil", + nome: "Aida", + }, + "Quezia", "Fabiula", "Taiane", "Carol", 2, true]; +// valor de lista - array +//console.log(nomes[0].pais); // primeiro item da lista com a propriedade pais +//console.log(nomes); +nomes.push('Nayara'); +//console.log(nomes); + + +nomes.filter(function (elemento){ + //console.log(elemento.pais) +}) +/* +const retornaNome = function( elemento, indice, array) { + return console.log(indice) +} +*/ +/* +const retornaNome = (elemento, indice, array) => { + return console.log(elemento, indice, array) +} +*/ +/* +arrow function +minhaFuncao() => {} +function minhaFuncao() {} + +nomes.map((item, index) => { + if(item == "Quezia"){ + console.log(item, index) + } +}) +*/ + +// map e filter são funções de callback - + +let cancoes = { + banda: "Dingo Bells", + musicas: ['Eu vim passear', 'Mistério dos Trinta'], +} +//console.log(cancoes.musicas[1]); \ No newline at end of file diff --git a/exercicio-de-sala/2.dom/index.html b/exercicio-de-sala/2.dom/index.html new file mode 100644 index 0000000..86d2f37 --- /dev/null +++ b/exercicio-de-sala/2.dom/index.html @@ -0,0 +1,92 @@ + + + + + + + Eu tenho um DOM, e vc? + + + +
+

Eu tô na turma 13 , e tô contente

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi officiis, vitae totam, nam nulla eum culpa voluptate quasi quibusdam rerum sapiente ex aliquid perspiciatis consectetur ea. Exercitationem autem nobis veniam?

+ Beyonce sorrindo + + +
+
+
+
+ +
+ + + + + + diff --git a/exercicio-de-sala/3.create/index.html b/exercicio-de-sala/3.create/index.html new file mode 100644 index 0000000..8affdc6 --- /dev/null +++ b/exercicio-de-sala/3.create/index.html @@ -0,0 +1,24 @@ + + + + + + + + + CreateElement e formulário + < defer type="text/java" src="./.js"> + + +
+ + + + + +
+
+ +
+ + \ No newline at end of file diff --git a/exercicio-de-sala/3.create/script.js b/exercicio-de-sala/3.create/script.js new file mode 100644 index 0000000..fa72127 --- /dev/null +++ b/exercicio-de-sala/3.create/script.js @@ -0,0 +1,20 @@ +const formulario = document.querySelector("form"); +const inputUm = document.querySelector("#num1"); +const inputDois = document.querySelector("#num2"); +const botaoForm = document.querySelector("form button"); +const caixaResultado = document.querySelector("#caixaResultado"); + + +function submit(evento) { + evento.preventDefault(); + + const num1Value = Number(inputUm.value); + const num2Value = Number(inputDois.value); + //console.log("numero 1: ", num1Value, "\n numero 2: ", num2Value ) + const total = num1Value + num2Value; + let resultado = document.createElement('p'); + caixaResultado.appendChild(resultado); + resultado.innerText = `o resutado de ${num1Value} + ${num2Value} é = ${total}` +} + +formulario.addEventListener("submit", submit); \ No newline at end of file diff --git a/exercicio-de-sala/4.brincando-com-eventos/index.html b/exercicio-de-sala/4.brincando-com-eventos/index.html new file mode 100644 index 0000000..2f6e7ed --- /dev/null +++ b/exercicio-de-sala/4.brincando-com-eventos/index.html @@ -0,0 +1,15 @@ + + + + + + + Brincando com eventos + + + +

Brincando com eventos

+ +
+ + \ No newline at end of file diff --git a/exercicio-de-sala/4.brincando-com-eventos/script.js b/exercicio-de-sala/4.brincando-com-eventos/script.js new file mode 100644 index 0000000..acabb43 --- /dev/null +++ b/exercicio-de-sala/4.brincando-com-eventos/script.js @@ -0,0 +1,31 @@ +const caixa = document.querySelector('#caixa'); +//const botao = document.getElementById('btn'); +const botao = document.querySelector('#btn'); + + +botao.addEventListener('click', function (){ + let imagem = document.createElement('img'); + imagem.setAttribute('src','https://noticias.buscavoluntaria.com.br/wp-content/uploads/2019/03/kitten-solid-white-cat-motherless-child.jpg'); + imagem.setAttribute('alt', 'gato fofo escalando'); + imagem.style.width = "250px"; + imagem.style.margin = "20px"; + return caixa.append(imagem); +}) + + +//const poke = copia y cola https://raw.githubusercontent.com/Biuni/PokemonGO-Pokedex/master/pokedex.json + +function mapeandoPokemon (elemento) { + let imagemPoke = document.createElement("img"); + let nomePoke = document.createElement("span"); + + imagemPoke.setAttribute("src", elemento.img); + imagemPoke.setAttribute("alt", elemento.name); + + nomePoke.textContent = elemento.name; + + caixa.appendChild(imagemPoke); + caixa.appendChild(nomePoke); +} + +poke.pokemon.map(mapeandoPokemon) \ No newline at end of file diff --git a/exercicio-de-sala/exercicio-1/index.html b/exercicio-de-sala/exercicio-1/index.html new file mode 100644 index 0000000..0c63ebd --- /dev/null +++ b/exercicio-de-sala/exercicio-1/index.html @@ -0,0 +1,42 @@ + + + + + + + + + Exercício 1 + + +
+ +
+ +
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere corporis animi ratione, tempore repellendus vero distinctio aut quisquam omnis nostrum minus eaque perspiciatis dignissimos corrupti repudiandae sapiente optio fugiat eius.

+ + + + \ No newline at end of file diff --git a/exercicio-de-sala/exercicio_2/2.html b/exercicio-de-sala/exercicio_2/2.html new file mode 100644 index 0000000..3067ea1 --- /dev/null +++ b/exercicio-de-sala/exercicio_2/2.html @@ -0,0 +1,59 @@ + + + + + + + Atividade 2 + + +
+
+

Olá mundo

+

Tudo beleza?

+
+ + + + + + \ No newline at end of file diff --git a/exercicios-para-casa/exercicio_1_2_3/Logo_Reprograma.jpg b/exercicios-para-casa/exercicio_1_2_3/Logo_Reprograma.jpg new file mode 100644 index 0000000..d915c78 Binary files /dev/null and b/exercicios-para-casa/exercicio_1_2_3/Logo_Reprograma.jpg differ diff --git a/exercicios-para-casa/exercicio_1_2_3/index.html b/exercicios-para-casa/exercicio_1_2_3/index.html new file mode 100644 index 0000000..2515b75 --- /dev/null +++ b/exercicios-para-casa/exercicio_1_2_3/index.html @@ -0,0 +1,79 @@ + + + + + + + + {Reprograma} + + + +
+ +

Conheça a Reprograma!


+

A reprograma é uma iniciativa de impacto social que foca em ensinar programação para mulheres cis e trans que não têm recursos e/ou oportunidades para aprender a programar. Conheça um pouco mais sobre a reprograma no link abaixo:

+ {reprograma} +
+ + + + \ No newline at end of file diff --git a/exercicios-para-casa/exercicio_4/index.html b/exercicios-para-casa/exercicio_4/index.html new file mode 100644 index 0000000..f030316 --- /dev/null +++ b/exercicios-para-casa/exercicio_4/index.html @@ -0,0 +1,43 @@ + + + + + + + + Formulário ♥ + + +

Preencha o formulário com atenção!

+
+
+ + + + + + + +
+
+ + + \ No newline at end of file diff --git a/exercicios-para-casa/revisao.html b/exercicios-para-casa/revisao.html new file mode 100644 index 0000000..ce12a64 --- /dev/null +++ b/exercicios-para-casa/revisao.html @@ -0,0 +1,49 @@ + + + + + + + Revisando criação com DOM + + + + +
+ +
+ + + + +