diff --git a/Exercicios/1/index.html b/Exercicios/1/index.html index c048397..9166e12 100644 --- a/Exercicios/1/index.html +++ b/Exercicios/1/index.html @@ -7,6 +7,13 @@ Document +
+ + +
+
+ + \ No newline at end of file diff --git a/Exercicios/1/js/script.js b/Exercicios/1/js/script.js index e69de29..7808239 100644 --- a/Exercicios/1/js/script.js +++ b/Exercicios/1/js/script.js @@ -0,0 +1,15 @@ +document.querySelector('#botaoDeEnviar').addEventListener('click', function armazenarDados(event){ + event.preventDefault(); + + let nome = document.getElementById('nomeDaPessoa'); + + let exibeResposta = document.getElementById('resposta'); + + if (nome.value === '') { + exibeResposta.innerText= 'Por favor, digite o seu nome.'; + } else { + exibeResposta.innerHTML = (`${nome.value}, dados salvos com sucesso.`); + + + } +}) \ No newline at end of file diff --git a/Exercicios/2/index.html b/Exercicios/2/index.html index 5c3fad8..11ec058 100644 --- a/Exercicios/2/index.html +++ b/Exercicios/2/index.html @@ -10,12 +10,11 @@

Venda de apartamentos

Apartamento de dois dormitórios, clique e veja o preço:
-
-
-
+
Apartamento de três dormitórios, clique e veja o preço:
- +
+ \ No newline at end of file diff --git a/Exercicios/2/js/script.js b/Exercicios/2/js/script.js index 67c244f..58ee00e 100644 --- a/Exercicios/2/js/script.js +++ b/Exercicios/2/js/script.js @@ -1,12 +1,18 @@ function mostraPrecoAptoDoisDorm() { - //especificar o elemento do DOM que será manipulado. DICA: botão + //evento de exibição do valor do imóvel + let getBotaoApDoisDorm = document.querySelector('#btnAptoDoisDorm'); + + getBotaoApDoisDorm.addEventListener('click', function mostraValor (){ + document.getElementById('precoAptoDoisDorm').innerText ='Preço do imóvel: R$ 500.000,00'; + }) + }; function mostraPrecoAptoTresDorm() { - + document.getElementById('precoAptoTresDorm').innerHTML = 'Preço do imóvel: R$ 600.000,00'; }; mostraPrecoAptoDoisDorm(); - mostraPrecoAptoTresDorm(); \ No newline at end of file + //mostraPrecoAptoTresDorm();// \ No newline at end of file diff --git a/Exercicios/Teste-Event-Listener/index.html b/Exercicios/Teste-Event-Listener/index.html new file mode 100644 index 0000000..75c0bcc --- /dev/null +++ b/Exercicios/Teste-Event-Listener/index.html @@ -0,0 +1,20 @@ + + + + + + + Document + + +

Olá aTodos!

+ +

Meu nome é Dandara.

+ + Clique para mudar o background dessa página. + + + + + + \ No newline at end of file diff --git a/Exercicios/Teste-Event-Listener/script.js b/Exercicios/Teste-Event-Listener/script.js new file mode 100644 index 0000000..9a1795a --- /dev/null +++ b/Exercicios/Teste-Event-Listener/script.js @@ -0,0 +1,9 @@ +document.getElementById('acoesBotao').addEventListener('click', function acionarBotao(event){ + event.preventDefault(); + + const mudaCorTitulo = document.querySelector('.meu-titulo').style.color = "blue"; + + const mudaParagrafo = document.querySelector('#meuNome').innerHTML += "E eu tenho 28 anos."; + + const mudaSpan = document.querySelector('span').style.textDecoration = "underline"; +}); \ No newline at end of file diff --git a/Exercicios/Teste-Exemplo/index.html b/Exercicios/Teste-Exemplo/index.html new file mode 100644 index 0000000..28b7575 --- /dev/null +++ b/Exercicios/Teste-Exemplo/index.html @@ -0,0 +1,14 @@ + + + + + + + Aula JavaScript + + +

Clique no botão para mudar o texto desse parágrafo!

+ + + + \ No newline at end of file diff --git a/Exercicios/Teste-Exemplo/script.js b/Exercicios/Teste-Exemplo/script.js new file mode 100644 index 0000000..fc84326 --- /dev/null +++ b/Exercicios/Teste-Exemplo/script.js @@ -0,0 +1,5 @@ +function alterarTexto(){ + const textoAAlterar = document.getElementById("mudanca-texto").innerHTML = "Hello World"; + return textoAAlterar; +} + diff --git a/Exercicios/Teste-Query-Serve/index.html b/Exercicios/Teste-Query-Serve/index.html new file mode 100644 index 0000000..dbd46bc --- /dev/null +++ b/Exercicios/Teste-Query-Serve/index.html @@ -0,0 +1,20 @@ + + + + + + + Document + + +

Olá aTodos!

+ +

Meu nome é Dandara.

+ + Clique para mudar o background dessa página. + + + + + + \ No newline at end of file diff --git a/Exercicios/Teste-Query-Serve/script.js b/Exercicios/Teste-Query-Serve/script.js new file mode 100644 index 0000000..273b231 --- /dev/null +++ b/Exercicios/Teste-Query-Serve/script.js @@ -0,0 +1,7 @@ +function mudarCor() { + const mudaCorTitulo = document.querySelector('.meu-titulo').style.color = "blue"; + + const mudaParagrafo = document.querySelector('#meuNome').innerHTML += "E eu tenho 28 anos."; + + const mudaSpan = document.querySelector('span').style.textDecoration = "underline"; +} \ No newline at end of file diff --git "a/Exerc\303\255cio de Casa/index.html" "b/Exerc\303\255cio de Casa/index.html" index e69de29..9dc0f01 100644 --- "a/Exerc\303\255cio de Casa/index.html" +++ "b/Exerc\303\255cio de Casa/index.html" @@ -0,0 +1,38 @@ + + + + + + + Biblioteca + + +
+

Livros

+ + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git "a/Exerc\303\255cio de Casa/script/script.js" "b/Exerc\303\255cio de Casa/script/script.js" index e69de29..99b564c 100644 --- "a/Exerc\303\255cio de Casa/script/script.js" +++ "b/Exerc\303\255cio de Casa/script/script.js" @@ -0,0 +1,139 @@ +let books = [{ + isbn: "9781593275846", + title: "Eloquent JavaScript, Second Edition", + author: "Marijn Haverbeke", + published: "2014-12-14T00:00:00.000Z", +}, +{ + isbn: "9781449331818", + title: "Learning JavaScript Design Patterns", + author: "Addy Osmani", + published: "2012-07-01T00:00:00.000Z", +}, +{ + isbn: "9781449365035", + title: "Speaking JavaScript", + author: "Axel Rauschmayer", + published: "2014-02-01T00:00:00.000Z", +}, +{ + isbn: "9781491950296", + title: "Programming JavaScript Applications", + author: "Eric Elliott", + published: "2014-07-01T00:00:00.000Z", +}, +{ + isbn: "9781593277574", + title: "Understanding ECMAScript 6", + author: "Nicholas C. Zakas", + published: "2016-09-03T00:00:00.000Z", +}, +{ + isbn: "9781491904244", + title: "You Don't Know JS", + author: "Kyle Simpson", + published: "2015-12-27T00:00:00.000Z", +}, +{ + isbn: "9781449325862", + title: "Git Pocket Guide", + author: "Richard E. Silverman", + published: "2013-08-02T00:00:00.000Z", +}, +{ + isbn: "9781449337711", + title: "Designing Evolvable Web APIs with ASP.NET", + author: "Glenn Block, et al.", + published: "2014-04-07T00:00:00.000Z", +} +] + + + +function addLivros() { + +books.map((book) => { + const parseSubtitle = !book.subtitle ? "-" : book.subtitle; + const parsePages = !book.pages ? "-" : book.pages; + const parseData = new Date(book.published); + const data = parseData.setDate(parseData.getDate() + 1); + const dataFormatada = parseData.toLocaleDateString('pt-br'); + + document.getElementById('texto').innerHTML += + ` + + ${book.title} + ${parseSubtitle} + ${book.author} + ${parsePages} + ${dataFormatada} + ${book.isbn} + + + ` + }) +} + +addLivros(); + + +function exibirDados(event) { + event.preventDefault(); + + let pegaTitulo = document.getElementById('titulo').value; + let pegaAutor = document.getElementById('autor').value; + let pegaIsbn = document.getElementById('isbn').value; + let pegaDataPublicacao = document.getElementById('dataPublicacao').value; + + let dataInsercao = new Date().toLocaleDateString('pt-br'); + let horarioInsercao = new Date().toLocaleTimeString('pt-br'); + + document.getElementById('resposta').innerHTML +=` + + ` + + + limparDados(); + + if(pegaTitulo === "" || pegaAutor === "" || pegaIsbn === "" || pegaDataPublicacao === "") { + alert("Campo Obrigatorio não preenchido") + } else { + books.push ({ + autor: pegaAutor, + title: pegaTitulo, + isbn: pegaIsbn, + published: pegaDataPublicacao, + + }); + limparDados(); + addLivros(); + } + + +} + +function limparDados() { + document.getElementById('titulo').value = ""; + document.getElementById('autor').value = ""; + document.getElementById('isbn').value = ""; + document.getElementById('dataPublicacao').value = ""; +} + +document.getElementById('resposta').addEventListener('click', function(event){ + if (event.target.className ==="delete"){ + event.target.parentElement.remove(); + } + +}) + + + + +