reprograma · csoaresdg · Jun 13, 2021
diff --git a/.DS_Store b/.DS_Store
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,36 @@
+{
+    "cSpell.words": [
+        "acionar",
+        "arquivar",
+        "atrelados",
+        "botao",
+        "carregamento",
+        "carregamentos",
+        "consegue",
+        "cor",
+        "destaca",
+        "direciona",
+        "encerradas",
+        "es",
+        "especificar",
+        "esperado",
+        "evitar",
+        "exibir",
+        "finaliza",
+        "finalização",
+        "grafo",
+        "inscri",
+        "inscrições",
+        "muda",
+        "mudar",
+        "o",
+        "padronizado",
+        "par",
+        "parágrafo",
+        "personalizar",
+        "preenchido",
+        "suficiente",
+        "tenho",
+        "titulo"
+    ]
+}
diff --git a/Exercicios/.vscode/settings.json b/Exercicios/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "mundo"
+    ]
+}
diff --git a/Exercicios/1/index.html b/Exercicios/1/index.html
@@ -1,17 +1,17 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    <form action="envio_dados" onsubmit="exibirDados(event)">
-        <input type="text" name="nome" id="nomeDaPessoa" placeholder="Digite o seu nome aqui.">
-        <input type="submit" name="enviar" id="botaoDeEnviar" value="Enviar">
-    </form>
-    <div id="resposta"></div>
-    <script src="./js/script.js"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <form action="envio_dados" onsubmit="exibirDados(event)">
+        <input type="text" name="nome" id="nomeDaPessoa" placeholder="Digite o seu nome aqui.">
+        <input type="submit" name="enviar" id="botaoDeEnviar" value="Enviar">
+    </form>
+    <div id="resposta"></div>
+    <script src="./js/script.js"></script>
+</body>
 </html>
diff --git a/Exercicios/1/js/script.js b/Exercicios/1/js/script.js
@@ -1,15 +1,15 @@
-document.querySelector('#botaoDeEnviar').addEventListener('click', function armazenarDados(event) {
-    event.preventDefault();
-
-    let pegaNome = document.getElementById('nomeDaPessoa');
-    let exibeResposta = document.getElementById('resposta');
-
-    pegaNome.value === '' ? exibeResposta.innerText= 'Por favor, digite o seu nome' : exibeResposta.innerHTML = (`${pegaNome.value}, dados salvos com sucesso!`)
-
-    /* if (pegaNome.value === '') {
-        exibeResposta.innerText= 'Por favor, digite o seu nome';
-    } else {
-        exibeResposta.innerHTML = (`${pegaNome.value}, dados salvos com sucesso!`);
-    } */
-
+document.querySelector('#botaoDeEnviar').addEventListener('click', function armazenarDados(event) {
+    event.preventDefault();
+
+    let pegaNome = document.getElementById('nomeDaPessoa');
+    let exibeResposta = document.getElementById('resposta');
+
+    pegaNome.value === '' ? exibeResposta.innerText= 'Por favor, digite o seu nome' : exibeResposta.innerHTML = (`${pegaNome.value}, dados salvos com sucesso!`)
+
+    /* if (pegaNome.value === '') {
+        exibeResposta.innerText= 'Por favor, digite o seu nome';
+    } else {
+        exibeResposta.innerHTML = (`${pegaNome.value}, dados salvos com sucesso!`);
+    } */
+
 })
diff --git a/Exercicios/1/js/script2.js b/Exercicios/1/js/script2.js
@@ -1,12 +1,12 @@
-function exibirDados(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!`);
-    }
-
+function exibirDados(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!`);
+    }
+
 }
diff --git a/Exercicios/2/index.html b/Exercicios/2/index.html
@@ -1,21 +1,21 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>DOM</title>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="css/style.css">
-  </head>
-  <body>
-    <h1>Venda de apartamentos</h1>
-
-    <div>Apartamento de dois dormitórios, clique e veja o preço:</div>
-    <button id="btnAptoDoisDorm">Clique aqui</button>
-    <div id="precoAptoDoisDorm"></div>
-
-    <div>Apartamento de três dormitórios, clique e veja o preço:</div>
-    <button onclick="mostraPrecoAptoTresDorm()">Clique aqui</button>
-    <div id="precoAptoTresDorm"></div>
-
-    <script src="js/script.js"></script>
-  </body>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>DOM</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="css/style.css">
+  </head>
+  <body>
+    <h1>Venda de apartamentos</h1>
+
+    <div>Apartamento de dois dormitórios, clique e veja o preço:</div>
+    <button id="btnAptoDoisDorm">Clique aqui</button>
+    <div id="precoAptoDoisDorm"></div>
+
+    <div>Apartamento de três dormitórios, clique e veja o preço:</div>
+    <button onclick="mostraPrecoAptoTresDorm()">Clique aqui</button>
+    <div id="precoAptoTresDorm"></div>
+
+    <script src="js/script.js"></script>
+  </body>
 </html>
diff --git a/Exercicios/2/instrucoes.md b/Exercicios/2/instrucoes.md
@@ -1,9 +1,9 @@
-### Exercício de manipulação do DOM
-
-
-- Crie um HTML com a seguintes sentenças:
-  - Título: Venda de apartamentos
-  - Apartamento de 2 dormitórios, clique [aqui] e veja o preço
-    - Ao clicar, mostre a seguinte mensagem: Preço do imóvel: R$ 500.000,00
-  - Apartamento de 3 dormitórios, clique [aqui] e veja o preço
+### Exercício de manipulação do DOM
+
+
+- Crie um HTML com a seguintes sentenças:
+  - Título: Venda de apartamentos
+  - Apartamento de 2 dormitórios, clique [aqui] e veja o preço
+    - Ao clicar, mostre a seguinte mensagem: Preço do imóvel: R$ 500.000,00
+  - Apartamento de 3 dormitórios, clique [aqui] e veja o preço
     - Ao clicar, mostre a seguinte mensagem: Preço do imóvel: R$ 600.000,00
diff --git a/Exercicios/2/js/script.js b/Exercicios/2/js/script.js
@@ -1,18 +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";
-  };
-
+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();
diff --git a/Exercicios/3/css/style.css b/Exercicios/3/css/style.css
@@ -1,78 +1,78 @@
-/* GERAL */
-* {
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-    font-size: 16px;
-	background-color: #462755;
-}
-
-.wrapper{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-}
-
-/* FORM */
-
-.news{
-    width: 30%;
-    margin: 0 auto;
-    position: relative;
-}
-
-.news__title{
-    color: #ECDDF3;
-    position: absolute;
-    top: -130px;
-}
-
-.news__form{
-
-}
-
-.news__form-group{
-    position: relative;
-    width: 100%;
-}
-
-.news__label{
-    display: block;
-    color: #ffffff;
-}
-
-.news__input{
-    width: 100%;
-    border-radius: 2px;
-    border: 1px solid #ffffff;
-    height: 40px;
-    padding: 10px;
-    font-size: 14px;
-}
-
-.news__button {    
-    background-color: #ECDDF3;
-    color: #000000;
-    border-radius: 50px;
-    border: 0;
-    padding: 10px 20px;
-    width: 130px;
-    position: absolute;
-    bottom: -50px;
-    font-weight: bold;
-    left: 50%;
-    margin-left: -65px;
-    font-size: 16px;
-    transition: 0.3s;
-    cursor: pointer;
-}
-
-.news__button:hover{
-    background-color: #7F479B;
-    color: #ffffff;
-    transition: 0.3s;
+/* GERAL */
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+    font-size: 16px;
+	background-color: #462755;
+}
+
+.wrapper{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100vh;
+}
+
+/* FORM */
+
+.news{
+    width: 30%;
+    margin: 0 auto;
+    position: relative;
+}
+
+.news__title{
+    color: #ECDDF3;
+    position: absolute;
+    top: -130px;
+}
+
+.news__form{
+
+}
+
+.news__form-group{
+    position: relative;
+    width: 100%;
+}
+
+.news__label{
+    display: block;
+    color: #ffffff;
+}
+
+.news__input{
+    width: 100%;
+    border-radius: 2px;
+    border: 1px solid #ffffff;
+    height: 40px;
+    padding: 10px;
+    font-size: 14px;
+}
+
+.news__button {    
+    background-color: #ECDDF3;
+    color: #000000;
+    border-radius: 50px;
+    border: 0;
+    padding: 10px 20px;
+    width: 130px;
+    position: absolute;
+    bottom: -50px;
+    font-weight: bold;
+    left: 50%;
+    margin-left: -65px;
+    font-size: 16px;
+    transition: 0.3s;
+    cursor: pointer;
+}
+
+.news__button:hover{
+    background-color: #7F479B;
+    color: #ffffff;
+    transition: 0.3s;
 }