diff --git a/1.revisao/script.js b/1.revisao/script.js new file mode 100644 index 0000000..6c52dd5 --- /dev/null +++ b/1.revisao/script.js @@ -0,0 +1,50 @@ +// 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]); + diff --git a/2.comecandoDOM/img/beyonce.jpg b/2.comecandoDOM/img/beyonce.jpg new file mode 100644 index 0000000..2f698b3 Binary files /dev/null and b/2.comecandoDOM/img/beyonce.jpg differ diff --git a/2.comecandoDOM/index.html b/2.comecandoDOM/index.html new file mode 100644 index 0000000..edb5c35 --- /dev/null +++ b/2.comecandoDOM/index.html @@ -0,0 +1,91 @@ + + + + + + + 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 + + +
+
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/3.createElement-/index.html b/3.createElement-/index.html new file mode 100644 index 0000000..8828355 --- /dev/null +++ b/3.createElement-/index.html @@ -0,0 +1,28 @@ + + + + + + + CreateElement e formulário + + + +
+ + + + + + + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/3.createElement-/script.js b/3.createElement-/script.js new file mode 100644 index 0000000..3bd67d4 --- /dev/null +++ b/3.createElement-/script.js @@ -0,0 +1,18 @@ +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); + +} + +formulario.addEventListener("submit", submit) \ No newline at end of file diff --git a/4.brincando com eventos/index.html b/4.brincando com eventos/index.html new file mode 100644 index 0000000..18295d0 --- /dev/null +++ b/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/4.brincando com eventos/script.js b/4.brincando com eventos/script.js new file mode 100644 index 0000000..acabb43 --- /dev/null +++ b/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/5.parents-e-childrens/index.html b/5.parents-e-childrens/index.html new file mode 100644 index 0000000..b71de4a --- /dev/null +++ b/5.parents-e-childrens/index.html @@ -0,0 +1,33 @@ + + + + + + + Parent, child, sibiling + + +
+ +
+

Olá mundo

+

Tudo legal turma?

+
+ +
+ + + + + \ No newline at end of file diff --git a/6.revisao-criar-elemento-/index.html b/6.revisao-criar-elemento-/index.html new file mode 100644 index 0000000..ce12a64 --- /dev/null +++ b/6.revisao-criar-elemento-/index.html @@ -0,0 +1,49 @@ + + + + + + + Revisando criação com DOM + + + + +
+ +
+ + + + + diff --git a/exercicio-de-aula/exercicio1/index.html b/exercicio-de-aula/exercicio1/index.html new file mode 100644 index 0000000..dbd229b --- /dev/null +++ b/exercicio-de-aula/exercicio1/index.html @@ -0,0 +1,59 @@ + + + + + + + Document + + + +
+ oi +
+ +
+ oi +
+ +
+ oi +
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea maiores aperiam labore mollitia earum ducimus vel omnis ex, impedit blanditiis quibusdam rem sapiente corrupti facilis incidunt consectetur fugiat cumque ad?

+ + + + \ No newline at end of file diff --git a/exercicios-para-casa/thamyres-lais/atividade01/index.html b/exercicios-para-casa/thamyres-lais/atividade01/index.html new file mode 100644 index 0000000..e0bfb2d --- /dev/null +++ b/exercicios-para-casa/thamyres-lais/atividade01/index.html @@ -0,0 +1,66 @@ + + + + + + + Atividade 1- Exercício para casa + + + + +
+ +

+ Herman Tømmeraas é um ator norueguês mais conhecido por seu personagem recorrente na série dramática adolescente de TV Skam. +

+ + Herman Tømmeraas + + Mais sobre Herman +
+ + + + \ No newline at end of file diff --git a/exercicios-para-casa/thamyres-lais/atividade01/style.css b/exercicios-para-casa/thamyres-lais/atividade01/style.css new file mode 100644 index 0000000..9601d4d --- /dev/null +++ b/exercicios-para-casa/thamyres-lais/atividade01/style.css @@ -0,0 +1,22 @@ +article{ + display: flex; + flex-direction: column; + align-items: center; +} + +article img{ + width: 300px; +} + +article a{ + list-style-type: none; + color: black; + text-decoration: none; + margin-top: 20px; +} + +.classeDoJavaScript{ + color: gray; + font-size: 25px; + margin-bottom: 60px; +} \ No newline at end of file diff --git a/exercicios-para-casa/thamyres-lais/atividade04/index.html b/exercicios-para-casa/thamyres-lais/atividade04/index.html new file mode 100644 index 0000000..4bbe3a5 --- /dev/null +++ b/exercicios-para-casa/thamyres-lais/atividade04/index.html @@ -0,0 +1,28 @@ + + + + + + + Atividade 4 - exercícios de casa + + + + +
+ +

Jogo maneiro

+ + + + + + + +
+
+ +
+ + + \ No newline at end of file diff --git a/exercicios-para-casa/thamyres-lais/atividade04/script.js b/exercicios-para-casa/thamyres-lais/atividade04/script.js new file mode 100644 index 0000000..0dd5091 --- /dev/null +++ b/exercicios-para-casa/thamyres-lais/atividade04/script.js @@ -0,0 +1,24 @@ +const formulario = document.querySelector("form"); +const inputUm = document.querySelector("#usuario"); +const inputDois = document.querySelector("#senha"); +const botaoForm = document.querySelector("form button"); +const mensagemLogin = document.querySelector("#mensagemLogin"); + + +function submit(evento) { + evento.preventDefault(); + + const usuarioValue = Text (inputUm.value); + const senhaValue = Text (inputDois.value); + console.log("usuário: ", usuarioValue, "\n senha: ", senhaValue); + + if (usuarioValue == thamyreslais && senha == escle){ + document.write ('Olá!') + } else{ + document.write('sem permissão') + } +} + + + +formulario.addEventListener("submit", submit) \ No newline at end of file