From 994ea7f6560aad6d43470af0f33f05c78bdbc9e6 Mon Sep 17 00:00:00 2001 From: Ana Claudia Gaspar Date: Fri, 8 Oct 2021 21:01:23 -0300 Subject: [PATCH] Entrega da atividade-JavascriptII --- 1.revisao/script.js | 17 +++ 2.comecandoDOM/index.html | 99 ++++++++++++++++ 3.createElement-e-forms/index.html | 26 ++++ 3.createElement-e-forms/script.js | 17 +++ 4.brincando-com-eventos/index.html | 16 +++ 4.brincando-com-eventos/script.js | 10 ++ exercicio-de-aula/exercicio01/index.html | 41 +++++++ .../Ana/exercicio-01/index.html | 112 ++++++++++++++++++ .../Ana/exercicio-01/script.js | 0 .../Ana/exercicio-02/index.html | 87 ++++++++++++++ .../Ana/exercicio-03/index.html | 90 ++++++++++++++ .../Ana/exercicio-04/index.html | 49 ++++++++ .../Ana/exercicio-04/script.js | 20 ++++ .../Ana/exercicio-desafio/index.html | 0 .../Ana/exercicio-desafio/script.js | 29 +++++ 15 files changed, 613 insertions(+) create mode 100644 1.revisao/script.js create mode 100644 2.comecandoDOM/index.html create mode 100644 3.createElement-e-forms/index.html create mode 100644 3.createElement-e-forms/script.js create mode 100644 4.brincando-com-eventos/index.html create mode 100644 4.brincando-com-eventos/script.js create mode 100644 exercicio-de-aula/exercicio01/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-01/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-01/script.js create mode 100644 exercicios-para-casa/Ana/exercicio-02/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-03/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-04/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-04/script.js create mode 100644 exercicios-para-casa/Ana/exercicio-desafio/index.html create mode 100644 exercicios-para-casa/Ana/exercicio-desafio/script.js diff --git a/1.revisao/script.js b/1.revisao/script.js new file mode 100644 index 0000000..5673fb9 --- /dev/null +++ b/1.revisao/script.js @@ -0,0 +1,17 @@ +let name = "Ana"; + + +let nomes = ["Ana", "Elen", "Brena"]; +console.log(nomes[0]); + +let cancoes = { + banda: "Dingo Bell", + musicas: ['Eu vim passear', 'Mistério dos 30'] +} +console.log(cancoes.banda) +console.log(cancoes.musicas[1]); + +function retornaNomes(elemento, indice, arrays) { + return console.log(indice, elemento, Array) +} +nomes.map(retornaNomes) \ No newline at end of file diff --git a/2.comecandoDOM/index.html b/2.comecandoDOM/index.html new file mode 100644 index 0000000..afc875f --- /dev/null +++ b/2.comecandoDOM/index.html @@ -0,0 +1,99 @@ + + + + + + + + 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-e-forms/index.html b/3.createElement-e-forms/index.html new file mode 100644 index 0000000..b38da6f --- /dev/null +++ b/3.createElement-e-forms/index.html @@ -0,0 +1,26 @@ + + + + + + + + CreateElement e formulário + + + + +
+ + + + + +
+
+ +
+ + + + \ No newline at end of file diff --git a/3.createElement-e-forms/script.js b/3.createElement-e-forms/script.js new file mode 100644 index 0000000..d729ce8 --- /dev/null +++ b/3.createElement-e-forms/script.js @@ -0,0 +1,17 @@ +const formulario = document.querySelector("form"); +const inputUm = document.querySelector("#num1"); +const inputDois = document.querySelector("#num2"); +const botaoForm = document.querySelector(" form button"); +const caiaxaResultado = 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'); + resultado.innerText = 'o resultado 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..68f51a3 --- /dev/null +++ b/4.brincando-com-eventos/index.html @@ -0,0 +1,16 @@ + + + + + + + + Document + + + + + + + + \ 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..4bccd05 --- /dev/null +++ b/4.brincando-com-eventos/script.js @@ -0,0 +1,10 @@ +const caixa = document.querySelector("#caixa"); +const botao = document.querySelector("#btn"); +botao.addEventListener('click', function() { + + let imagem = document.createElement('img'); + imagem.setAttribute('src', 'https://casa.abril.com.br/wp-content/uploads/2020/08/suculentas-quais-sao-os-maiores-cuidados-casacom-1.jpg?quality=95&strip=info'); + imagem.style.width = "350px"; + imagem.style.margin = "20px"; + return caixa.append(imagem); +}) \ No newline at end of file diff --git a/exercicio-de-aula/exercicio01/index.html b/exercicio-de-aula/exercicio01/index.html new file mode 100644 index 0000000..7d7a575 --- /dev/null +++ b/exercicio-de-aula/exercicio01/index.html @@ -0,0 +1,41 @@ + + + + + + + + Document + + + + +
oi
+
ola
+
hello
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus aperiam quis, corporis eaque repellat reprehenderit alias obcaecati porro voluptatum cupiditate mollitia fuga incidunt qui, quidem quam fugiat asperiores laboriosam minima.

+ + + + + + \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-01/index.html b/exercicios-para-casa/Ana/exercicio-01/index.html new file mode 100644 index 0000000..ba8af00 --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-01/index.html @@ -0,0 +1,112 @@ + + + + + + + + Sulentas + + + + +
+

Eu amo Sucuentas , e vocês?

+

Suculentas são plantas que acumulam água em um ou mais de um dos seus tecidos e fazem isso por serem nativas de regiões secas, assim, mantêm uma reserva para os períodos sem chuva. Esse armazenamento de água acontece nas raízes, caules, troncos, + folhas etc. Muitas vezes elas apresentam folhas, troncos ou o caule “gordinhos”, cheios de água, daí o nome “suculenta”.

+ Foto da suculenta fantasma + Visite o site e conheça diversas variedades de Suculentas + +
+ + + + + + + + + \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-01/script.js b/exercicios-para-casa/Ana/exercicio-01/script.js new file mode 100644 index 0000000..e69de29 diff --git a/exercicios-para-casa/Ana/exercicio-02/index.html b/exercicios-para-casa/Ana/exercicio-02/index.html new file mode 100644 index 0000000..173f1e5 --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-02/index.html @@ -0,0 +1,87 @@ + + + + + + + + Sulentas + + + + +
+

Eu amo Sucuentas , e vocês?

+

Suculentas são plantas que acumulam água em um ou mais de um dos seus tecidos e fazem isso por serem nativas de regiões secas, assim, mantêm uma reserva para os períodos sem chuva. Esse armazenamento de água acontece nas raízes, caules, + troncos, folhas etc. Muitas vezes elas apresentam folhas, troncos ou o caule “gordinhos”, cheios de água, daí o nome “suculenta”.

+ Foto da suculenta fantasma + Visite o site e conheça diversas variedades de Suculentas + +
+ + + + + + \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-03/index.html b/exercicios-para-casa/Ana/exercicio-03/index.html new file mode 100644 index 0000000..f755029 --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-03/index.html @@ -0,0 +1,90 @@ + + + + + + + + Sulentas + + + + + +
+

Eu amo Sucuentas , e vocês?

+

Suculentas são plantas que acumulam água em um ou mais de um dos seus tecidos e fazem isso por serem nativas de regiões secas, assim, mantêm uma reserva para os períodos sem chuva. Esse armazenamento de água acontece nas raízes, caules, + troncos, folhas etc. Muitas vezes elas apresentam folhas, troncos ou o caule “gordinhos”, cheios de água, daí o nome “suculenta”.

+ + Visite o site e conheça diversas variedades de Suculentas + +
+ + + + + \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-04/index.html b/exercicios-para-casa/Ana/exercicio-04/index.html new file mode 100644 index 0000000..eb749fd --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-04/index.html @@ -0,0 +1,49 @@ + + + + + + + + Formulário + + + +

Sejam bem vindos

+
+ + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-04/script.js b/exercicios-para-casa/Ana/exercicio-04/script.js new file mode 100644 index 0000000..d25432b --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-04/script.js @@ -0,0 +1,20 @@ +const formulario = document.querySelector("form"); +const nome = document.querySelector("#nome"); +const login = document.querySelector("#senhaUsuario"); +const botaoForm = document.querySelector(" form button"); +const footer = document.querySelector("#mensagemFinal"); + +function submit(evento) { + evento.preventDefault(); + const nome1Value = Text(nomeUm.Value); + const nome2Value = text(inomeDois.Value); + //console.log("numero 1:", num1Value, "\n numero 2:", num2Value) + + let novaMensagem = document.createElement('p'); + novaMensagem.innerText = "not allowed" + mensagemFinal.appendChild(novaMensagem) + + +} + +formulario.addEventListener("submit", submit) \ No newline at end of file diff --git a/exercicios-para-casa/Ana/exercicio-desafio/index.html b/exercicios-para-casa/Ana/exercicio-desafio/index.html new file mode 100644 index 0000000..e69de29 diff --git a/exercicios-para-casa/Ana/exercicio-desafio/script.js b/exercicios-para-casa/Ana/exercicio-desafio/script.js new file mode 100644 index 0000000..2ddf99a --- /dev/null +++ b/exercicios-para-casa/Ana/exercicio-desafio/script.js @@ -0,0 +1,29 @@ +let maravilhosasDaTurma = [ + "Aida Tavares", "Aline Fank", "Carol Zago", "Ana Claudia", "Ane Carolina", "Anne Caroline", "Bruna Mara", "Carine", "Celina", "Daniele", "Dardânia", "Dayane", "Débora", "Elis", "Fabiula", "Gisele", "Graziele", "Harpya", "Isabella", "Vitória", "Júlia", "Lua", "Marcela", + "Márcia Cristina", "Maria Eduarda", "Marina", "Natália", "Nayara", "Priscila Karina", "Quezia", + "Guilhermina", "Raquel", "Sâmara", "Tainá", "Thamyres Lais", "Valenthina Maria", "Valentina", "Ylana", "Taiana" +]; +console.log(maravilhosasDaTurma) + +function minusculo() { + var str = 'Aida Tavares, Aline Fank, Carol Zago, Ana Claudia,Ane Carolina, Anne Caroline, Bruna Mara, Carine, Celina, Daniele, Dardânia, Dayane , Débora, Elis, Fabiula, Gisele, Graziele, Harpya, Isabella, Vitória, Júlia, Lua, Marcela, Márcia Cristina, Maria Eduarda, Marina, Natália, Nayara, Priscila Karina, Quezia Guilhermina, Raquel, Sâmara, Tainá, Thamyres Lais, Valenthina Maria, Valentina, Ylana, Taiana'; + + var string = str.toLowerCase(); + console.log(string); +} + +minusculo(); + + +console.log("tamanho da array: ", maravilhosasDaTurma.length) + + +maravilhosasDaTurma.sort((a, b) => { + if (a > b) + return -1; + if (a < b) + return 1; + return 0; +}); +console.log(maravilhosasDaTurma); +console.log(maravilhosasDaTurma.includes("Ana Claudia")); \ No newline at end of file