diff --git a/Exercicios/4versao/index.html b/Exercicios/4versao/index.html new file mode 100644 index 0000000..8b24ebc --- /dev/null +++ b/Exercicios/4versao/index.html @@ -0,0 +1,18 @@ + + + + + + + + Document + + +
+ + +
+
+ + + \ No newline at end of file diff --git a/Exercicios/4versao/script.js b/Exercicios/4versao/script.js new file mode 100644 index 0000000..945f1f0 --- /dev/null +++ b/Exercicios/4versao/script.js @@ -0,0 +1,13 @@ +document.querySelector('#botaoDeEnviar').addEventListener('click', function armazenarDados(event) { + event.preventDefault(); + + let pegaNome = document.getElementById('nomeDaPessoa'); + let exibeResposta = document.getElementById('resposta'); + + if (pegaNome.value === '') { + exibeResposta.innerText= 'Por favor, digite o seu nome'; + } else { + exibeResposta.innerHTML = (`${pegaNome.value}, dados salvos com sucesso!`); + } + +}) \ No newline at end of file diff --git a/Exercicios/5/index.html b/Exercicios/5/index.html new file mode 100644 index 0000000..a3040ae --- /dev/null +++ b/Exercicios/5/index.html @@ -0,0 +1,21 @@ + + + + DOM + + + + +

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/5/script.js b/Exercicios/5/script.js new file mode 100644 index 0000000..a470962 --- /dev/null +++ b/Exercicios/5/script.js @@ -0,0 +1,18 @@ +function mostraPrecoAptoDoisDorm() { + + //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(); \ No newline at end of file diff --git a/Exercicios/exercicio teste/index.html b/Exercicios/exercicio teste/index.html new file mode 100644 index 0000000..fb87ce0 --- /dev/null +++ b/Exercicios/exercicio teste/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/exercicio teste/script.js b/Exercicios/exercicio teste/script.js new file mode 100644 index 0000000..7813bc4 --- /dev/null +++ b/Exercicios/exercicio teste/script.js @@ -0,0 +1,4 @@ +function alterarTexto() { + const textoAAlterar = document.getElementById("mudanca-texto").innerHTML += " Hello Word"; + return textoAAlterar; +} \ No newline at end of file diff --git a/Exercicios/teste query/index.html b/Exercicios/teste query/index.html new file mode 100644 index 0000000..80e5adf --- /dev/null +++ b/Exercicios/teste query/index.html @@ -0,0 +1,21 @@ + + + + + + + Document + + + +

Olá a todos!

+ +

Meu nome é Vivian.

+ + Clique para mudar o background dessa página. + + + + + + \ No newline at end of file diff --git a/Exercicios/teste query/script.js b/Exercicios/teste query/script.js new file mode 100644 index 0000000..d6024c4 --- /dev/null +++ b/Exercicios/teste query/script.js @@ -0,0 +1,8 @@ + +function mudarCor() { + const mudaCorTitulo = document.querySelector('.meu-titulo').style.color = "blue"; + + const mudaParagrafo = document.querySelector('#meuNome').innerHTML += " E eu tenho 32 anos." + + const mudaSpan = document.querySelector('span').style.textDecoration = "underline"; +} \ No newline at end of file diff --git a/Exercicios/teste query/style.css b/Exercicios/teste query/style.css new file mode 100644 index 0000000..8e6c17e --- /dev/null +++ b/Exercicios/teste query/style.css @@ -0,0 +1,3 @@ +* { + background-color: lightcoral; +} diff --git "a/Exerc\303\255cio de Casa/img/e6e48ff71c621a0b61e39025ecdd3912-gpMedium.jpg" "b/Exerc\303\255cio de Casa/img/e6e48ff71c621a0b61e39025ecdd3912-gpMedium.jpg" new file mode 100644 index 0000000..21ab4e0 Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/e6e48ff71c621a0b61e39025ecdd3912-gpMedium.jpg" differ diff --git "a/Exerc\303\255cio de Casa/index.html" "b/Exerc\303\255cio de Casa/index.html" index e69de29..c14c2d1 100644 --- "a/Exerc\303\255cio de Casa/index.html" +++ "b/Exerc\303\255cio de Casa/index.html" @@ -0,0 +1,43 @@ + + + + + + + + Biblioteca + + + + + + + + + + +
+

Sua biblioteca aqui!

+
+
+ + + + + + + + +
+
+ +
+
+
+
+
+ + + + + \ 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..2b20481 100644 --- "a/Exerc\303\255cio de Casa/script/script.js" +++ "b/Exerc\303\255cio de Casa/script/script.js" @@ -0,0 +1,48 @@ +function exibirDados(event){ + event.preventDefault(); + + + let pegaAutor = document.getElementById('author').value; + let pegaTitulo = document.querySelector('#titulo').value; + let pegaISBN = document.querySelector('#isbn').value; + let pegaDataPublicacao = document.getElementById('dataPublicacao').value; + let dataInsercao = new Date().toLocaleDateString('pt-br'); + let horarioInsercao = new Date(). toLocaleTimeString('pt-br'); + + + if (pegaAutor === "") { + alert("Digite o nome do Autor.") + } else if (pegaTitulo === "") { + alert("Digite o nome do titulo.") + } else if ( pegaISBN === ""){ + alert("Digite o ISBN.") + } else if (pegaDataPublicacao === ""){ + alert("Digite o dataPublicacao.") + } else { + document.getElementById('resposta').innerHTML += ` + + + ` + limparDados(); + } +} + +function limparDados(){ + document.getElementById('author').value = ""; + document.querySelector('#titulo').value = ""; + document.querySelector('#isbn').value = ""; + document.querySelector('dataPublicacao').value = ""; +} + +document.getElementById('resposta').addEventListener('click',function(event){ + if (event.target.className === "delete") { + event.target.parentElement.remove(); + } +}) \ No newline at end of file diff --git "a/Exerc\303\255cio de Casa/style/style.css" "b/Exerc\303\255cio de Casa/style/style.css" index e69de29..e50f30d 100644 --- "a/Exerc\303\255cio de Casa/style/style.css" +++ "b/Exerc\303\255cio de Casa/style/style.css" @@ -0,0 +1,47 @@ + + +* { + box-sizing: border-box; + margin: 0; + text-decoration: none; + color: inherit; + ; +} + +body{ + background-color: rgba(34, 51, 51, 0.911); +} + +.news__form-group{ + display:grid; + margin: 5%; + color: white; +} + +.news__input{ + margin-bottom: 1%; + color: black; +} + +.news__title{ + text-align: center; + margin-top: 3%; + color:rgb(255, 255, 255); + +} + +.button{ + margin-left: auto; + margin-right: auto; + color: black; +} + +.img { + min-height: 40px; + height: 150px; + background-size: cover; + background-repeat: no-repeat; + display: flex; + width: 100%; + opacity: 61%; +} \ No newline at end of file