+
+
+
+
+
+
+
+
+
diff --git a/3-createElement e Form/index.html b/3-createElement e Form/index.html
new file mode 100644
index 0000000..0506c2e
--- /dev/null
+++ b/3-createElement e Form/index.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
CreateElement e formulário
+
+
+
+
+
+
+
+
+
diff --git a/3-createElement e Form/script.js b/3-createElement e Form/script.js
new file mode 100644
index 0000000..fa72127
--- /dev/null
+++ b/3-createElement e Form/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/4-Brincando-com-eventos/index.html b/4-Brincando-com-eventos/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/4-Brincando-com-eventos/script.js b/4-Brincando-com-eventos/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/6-Revisao-criar-elementosDOM/index.html b/6-Revisao-criar-elementosDOM/index.html
new file mode 100644
index 0000000..f0d6137
--- /dev/null
+++ b/6-Revisao-criar-elementosDOM/index.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
Revisando criação com DOM
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/7-Revendo-Eventos/index.html b/7-Revendo-Eventos/index.html
new file mode 100644
index 0000000..7e220b0
--- /dev/null
+++ b/7-Revendo-Eventos/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
Revendo eventos
+ < defer type="text/java" src="./.js">
+
+
+
+
+
+
+
+
+
+
diff --git a/7-Revendo-Eventos/script.js b/7-Revendo-Eventos/script.js
new file mode 100644
index 0000000..d2af579
--- /dev/null
+++ b/7-Revendo-Eventos/script.js
@@ -0,0 +1,39 @@
+const divEvento = document.querySelector("#evento");
+const formulario = document.querySelector("form");
+const input = document.querySelector("#bomDia");
+
+
+formulario.addEventListener("submit",function( evento){
+ evento.preventDefault();
+
+ const inputValor = input.value;
+ let printarNaTela = document.createElement("p");
+ printarNaTela.textContent = inputValor;
+
+ document.body.append(printarNaTela);
+})
+
+
+
+
+
+divEvento.addEventListener("click", function(){
+ //quando eu clicar na minha div evento, ela fique colorada que nem eu
+ return divEvento.style.backgroundColor = "red";
+} )
+
+
+// forma com a funcao fora do addEventListener
+function azulzinho() {
+ divEvento.style.backgroundColor = "blue";
+ divEvento.classList.remove("aumentei");
+}
+divEvento.addEventListener("mouseleave", azulzinho);
+
+
+// com a função dentro
+divEvento.addEventListener("mouseenter", function(){
+ divEvento.style.backgroundColor = "green";
+ divEvento.classList.add("aumentei");
+})
+
diff --git a/exercicios-de-aula/exercicio-1/index.html b/exercicios-de-aula/exercicio-1/index.html
new file mode 100644
index 0000000..020eb71
--- /dev/null
+++ b/exercicios-de-aula/exercicio-1/index.html
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
Document
+
+
+ 1 -
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis non, nihil minima delectus necessitatibus, laboriosam iste culpa magnam, quidem tenetur tempore eius consectetur esse sed ipsa! Illo enim aut perspiciatis?
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/exercicios-para-casa/img/890236.jpeg b/exercicios-para-casa/img/890236.jpeg
new file mode 100644
index 0000000..72ae0ab
Binary files /dev/null and b/exercicios-para-casa/img/890236.jpeg differ
diff --git a/exercicios-para-casa/index.html b/exercicios-para-casa/index.html
new file mode 100644
index 0000000..dfe73c4
--- /dev/null
+++ b/exercicios-para-casa/index.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
A ALIMENTAÇÃO PARA O SUA GATA GESTANTE</a>
+
+
+
+
+
+ A gestação será um estágio maravilhosamente exaustivo tanto para o seu animal quanto para você. Uma coisa importante que você pode fazer para ajudar a futura mamãe é fornecer o suporte nutricional que ela precisa. A escolha do plano de alimentação correto durante a gestação garante o desenvolvimento correto dos filhotes e fornecerá à mamãe a energia necessária para lidar com o nascimento e a lactação de seus filhotes.
+ 
+
+
\ No newline at end of file
diff --git a/exercicios-para-casa/script.js b/exercicios-para-casa/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/maes-filhas-irmas/index.html b/maes-filhas-irmas/index.html
new file mode 100644
index 0000000..9ef7255
--- /dev/null
+++ b/maes-filhas-irmas/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
Parent, child, sibiling
+
+
+
+
+
+ Olá mundo
+ Tudo legal turma?
+
+
+
+
+
+ < type="text/java">
+//children = filhes, sibiling = irmã/irmão , parent = pais/mães
+let sessao = document.querySelector("#section")
+// console.log(sessao.children) // mostra objeto com os elementos filhos
+// console.log(sessao.parentElement) // mosta o pai/mae do elemento
+// console.log(document.body.previousElementSibling) // mostra elemento irmão/irmã anterior
+
+sessao.style.backgroundColor = "yellow";
+sessao.parentElement.style.backgroundColor = "pink";
+
+
+
+
+
\ No newline at end of file
+
+
+ 