diff --git a/Exercicios/1/index.html b/Exercicios/1/index.html index c048397..ee18464 100644 --- a/Exercicios/1/index.html +++ b/Exercicios/1/index.html @@ -7,6 +7,10 @@ Document - +
+ + +
+ \ No newline at end of file diff --git a/Exercicios/1/js/script.js b/Exercicios/1/js/script.js index e69de29..f8f75a9 100644 --- a/Exercicios/1/js/script.js +++ b/Exercicios/1/js/script.js @@ -0,0 +1,3 @@ +document.querySelector('#botaoDeEnviar').adcEventListener('click', function armazenarDados() { + event.prevent +}) \ 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..5ac38e3 --- /dev/null +++ b/Exercicios/Teste-Event-Listener/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-Event-Listener/script.js b/Exercicios/Teste-Event-Listener/script.js new file mode 100644 index 0000000..be5ad9a --- /dev/null +++ b/Exercicios/Teste-Event-Listener/script.js @@ -0,0 +1,7 @@ +document.getElementById('acoesBotao').addEventListener('click', function acionarBotao() { + 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-Exemplo/index.html b/Exercicios/Teste-Exemplo/index.html new file mode 100644 index 0000000..4bc0211 --- /dev/null +++ b/Exercicios/Teste-Exemplo/index.html @@ -0,0 +1,15 @@ + + + + + + + Minha primeira página + + +

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

+ + + + + diff --git a/Exercicios/Teste-Exemplo/script.js b/Exercicios/Teste-Exemplo/script.js new file mode 100644 index 0000000..7813bc4 --- /dev/null +++ b/Exercicios/Teste-Exemplo/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-Selector/index.html b/Exercicios/Teste-Query-Selector/index.html new file mode 100644 index 0000000..0424587 --- /dev/null +++ b/Exercicios/Teste-Query-Selector/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-Selector/script.js b/Exercicios/Teste-Query-Selector/script.js new file mode 100644 index 0000000..451e883 --- /dev/null +++ b/Exercicios/Teste-Query-Selector/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 32 anos." + + const mudaSpan = document.querySelector('span').style.textDecoration = "underline"; +} \ No newline at end of file diff --git a/Exercicios/Teste-Query-Selector/style.css b/Exercicios/Teste-Query-Selector/style.css new file mode 100644 index 0000000..585efa1 --- /dev/null +++ b/Exercicios/Teste-Query-Selector/style.css @@ -0,0 +1,4 @@ +* { + background-color: lightcoral; +} + diff --git "a/Exerc\303\255cio de Casa/img/biblioteca-online.png" "b/Exerc\303\255cio de Casa/img/biblioteca-online.png" new file mode 100644 index 0000000..c07e9f4 Binary files /dev/null and "b/Exerc\303\255cio de Casa/img/biblioteca-online.png" differ diff --git "a/Exerc\303\255cio de Casa/index.html" "b/Exerc\303\255cio de Casa/index.html" index e69de29..01acc13 100644 --- "a/Exerc\303\255cio de Casa/index.html" +++ "b/Exerc\303\255cio de Casa/index.html" @@ -0,0 +1,90 @@ + + + + + + + Biblioteca Online + + + + +
+
+ +
+ +
+
+ +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + +
+
+ +
+ + + + + + + + + +
TítuloAutorISBNData de PublicaçãoPáginasData de Cadastro
+ +
+ +
+ +
+ +
+ + + \ 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..fc6c929 100644 --- "a/Exerc\303\255cio de Casa/script/script.js" +++ "b/Exerc\303\255cio de Casa/script/script.js" @@ -0,0 +1,40 @@ +function exibirDados (event) { + event.preventDefault(); + + let pegaAutor = document.getElementById('autor').value; + let pegaTítulo = document.querySelector('#titulo').value; + let pegaISBN = document.querySelector('#isbn').value; + let pegaPaginas = document.querySelector('#paginas').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 += ` + + ${pegaTítulo} + ${pegaAutor} + ${pegaISBN} + ${pegaDataPublicacao} + ${pegaPaginas} + ${dataInsercao}, ${horarioInsercao} + + ` + limpardados() +} + +function limpardados () { + document.getElementById('titulo').value=""; + document.getElementById('autor').value=""; + document.getElementById('isbn').value=""; + document.getElementById('dataPublicacao').value=""; + document.getElementById('paginas').value=""; + +} + +document.querySelector("#botaoDelete").addEventListener('click', function exluirLivro (event) { + event.preventDefault(); + + document.getElementById('tabelaDeLivro').remove(); +}) + + diff --git "a/Exerc\303\255cio de Casa/style/style.css" "b/Exerc\303\255cio de Casa/style/style.css" index e69de29..865144e 100644 --- "a/Exerc\303\255cio de Casa/style/style.css" +++ "b/Exerc\303\255cio de Casa/style/style.css" @@ -0,0 +1,156 @@ +body { + background: linear-gradient( + 116.79deg, + rgba(55, 168, 40, 0.48) 0%, + rgba(207, 206, 209, 0.12) 99.45% + ); + } + +.titulo { + text-align: center; +} + +.cabecalho { + background: url(../img/biblioteca-online.png); + height: 20vh; + background-size:contain; + background-position: center; + background-repeat: no-repeat; +} + +.biblioteca_titulo { + position: absolute; + width: 300px; + height: 100px; + left: 570px; + top: 120px; + + font-family: Poppins; + font-style: normal; + font-weight: 300; + font-size: 30px; + line-height: 100px; + + color: rgba(15, 3, 15, 0.9); + +} + +.form { + align-items: center; + margin-top: 50px; + display: flex; + flex-direction: column; +} + +.topicos_form { + padding: 12px; + display: flex; + flex-direction: column; +} + +table { + border: 2px solid rgb(99, 97, 97); + letter-spacing: 1px; + width: 100%; + border-radius: 20px; + padding: 1%; + text-align: center; + margin-top: 60px; +} + +th { + border: 1px solid rgb(0, 0, 0); + padding: 10%; + border-radius: 25px; + text-align: center; + color: white; + +} + +tr { + background-color: rgb(139, 172, 86); + text-align: center; +} + +td { + text-align: center; + height: 4vh; + padding: 1%; + color: rgb(255, 255, 255); +} + +.excluirEbook { + text-align: center; + margin-top: 20px; +} + +body { + background-color: rgb(157, 223, 151); + transition: .4s; + } + +.titulo { + text-align: center; +} + +.cabecalho { + background: url(../img/biblioteca-online.png); + height: 20vh; + background-size:contain; + background-position: center; + background-repeat: no-repeat; +} + +.form { + align-items: center; + margin-top: 50px; + display: flex; + flex-direction: column; +} + +.topicos_form { + width: 228px; + height: 40px; + font-size: 20px; + color: rgba(10, 29, 8, 0.9); +} +} + +table { + border: 2px solid rgb(88, 38, 5); + letter-spacing: 1px; + width: 100%; + border-radius: 8px; + padding: 1%; + text-align: center; + margin-top: 60px; +} + +th { + border: 1px solid rgb(0, 0, 0); + padding: 1%; + border-radius: 5px; + text-align: center; + color: white; + +} + +tr { + background-color: rgb(185, 102, 34); + text-align: center; + font-family: Poppins; + font-style: normal; +} + +td { + text-align: center; + height: 4vh; + padding: 1%; + color: rgb(255, 255, 255); +} + +.excluirEbook { + text-align: center; + margin-top: 20px; +} +