From 4e2267335994a457dd31731ef3dcc01028f52293 Mon Sep 17 00:00:00 2001
From: bianca-maria <bianca.engcomp@gmail.com>
Date: Tue, 25 Oct 2022 13:24:55 +0000
Subject: [PATCH] Creating validation javascript in the form

---
 index.html       |  9 +++++----
 scripts/index.js | 42 ++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index ed55556..5844c00 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet/less" type="text/css" href="styles/base.less"/>
   
     <script src="scripts/less.min.js" type="text/javascript"></script>
+    <script src="scripts/index.js" defer></script>
     
   </head>
 
@@ -19,7 +20,7 @@
     <main>
 
     <h2 class="titulo">Requisitos de hardware</h2>  
-    <table cellspacing="5" cellpadding="10" border="0">
+    <table cellspacing="5" cellpadding="10">
       <thead>
         <tr>
           <th>Ano</th>
@@ -45,12 +46,12 @@
     </table>
 
     <!-- action="salvar.html" -->
-    <form class="form" >
+    <form class="form" method="get">
       <h2 class="form__titulo">Registre seu interesse</h2>
 
       <div class="form__infor">
         <label class="form__infor__label">Nome:</label>
-        <input type="text" name="nome" class="form__infor__input"/>
+        <input id="name" type="text" name="nome" class="form__infor__input"/>
       </div>
       <div class="form__infor">
         <label class="form__infor__label"  for="campo_sobrenome">
@@ -83,6 +84,6 @@
       <span>Todos os direitos reservados</span>
     </footer>
 
-    <script src="scripts/index.js"></script>
+    
   </body>
 </html>
diff --git a/scripts/index.js b/scripts/index.js
index b676fd5..aca0414 100644
--- a/scripts/index.js
+++ b/scripts/index.js
@@ -1,6 +1,44 @@
-let seleciona = document.getElementById("btn_enviar");
-console.log(seleciona);
+const nome = document.querySelector("#nome");
+const sobrenome = document.querySelector("#campo_sobrenome");
+const email = document.querySelector("#campo_email");
+const checknews = document.querySelector("#check").checked;
+const btnEnviar = document.querySelector("#btn_enviar");
 
+let interesse = [];
 
 
+function enviaDados() {
+  if (nome.value == "") {
+    alert('nome não preenchido')
+    nome.focus()
+    return
+  }
 
+  if (sobrenome.value == "") {
+    alert('sobrenome não preenchido')
+    sobrenome.focus()
+    return
+  }
+  if (email.value == "") {
+    alert('email não preenchido')
+    email.focus()
+    return
+  }
+  
+
+    interesse.push(nome.value)
+    interesse.push(sobrenome.value)
+    interesse.push(email.value)
+    alert(interesse)
+  
+  
+
+  /*if(checknews.value != ''){
+        alert('email não preenchido')
+        email.focus()
+        return
+    }*/
+
+}
+
+btnEnviar.addEventListener("click", enviaDados)
\ No newline at end of file