Feature/scriptjs

index.html

@@ -35,11 +35,11 @@ <h1 class="page-header">Validador de CPF</h1>
                 <div class="input-group input-group-lg">
                     <span class="input-group-addon" id="sizing-addon1">CPF</span>
                     <input type="text" class="form-control" placeholder="Digite o cpf para validação ..."
-                        aria-describedby="sizing-addon1">
+                        aria-describedby="sizing-addon1" id="cpf_digitado" ><!--criei id cpf_digitado para informar o js -->
                 </div>
                 <small class="form-text text-muted">Digite somente numeros</small>
             </div>
-            <button type="button" class="btn btn-info">Validar !</button>
+            <button type="button" class="btn btn-info" onclick="validacao()" >Validar !</button><!-- add evento onclick fu-->
         </form>
     </div>
     <div class="container page-header">
@@ -60,6 +60,6 @@ <h1 class="page-header">Validador de CPF</h1>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"
     integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></script>
 
-
+<script src="./script.js"></script> <!--adicionando javascript ao html-->
 
 </html>

script.js

@@ -0,0 +1,69 @@
+console.log("javascript carregado"); 
+
+function validaCPF(cpf){ //   essa função foi criada para saber se o cpf é verdadeiro falso, 
+
+	if (cpf.length != 11) {
+		return false;
+	}
+	else {
+		var numeros = cpf.substring(0,9); //a posiçao do cpf começa a partir do zero e termina na posição 8  {exemplo do cpf}  37142811854
+		var digitos = cpf.substring(9); // a posiçao do restante do cpf a partir da posição 9;               {posiçao do cpf}  0123456789
+
+		//ps essa parte nao entendi muito bem
+		var soma = 0; // variavel de incremento //
+		for (var i = 10; i > 1; i--) {
+			soma += numeros.charAt(10 - i) * i; // a funcao charAt me retorna a posicao daquela strig na lista
+		}
+		console.log(soma);
+
+		// validação do  primeiro digito 
+		var resultado = (soma % 11) < 2 ? 0 : 11 - (soma % 11);
+
+		if (resultado != digitos.charAt(0)) {
+			return false;
+		}
+
+		var soma = 0; // resetar a variavel soma para evitar problemas
+
+		numeros = cpf.substring(0, 10); 
+
+		for (var k = 11; k > 1; k--) { // vai percorrer de tras para frente
+			soma += numeros.charAt(11 - k) * k;
+		} 
+
+		resultado = soma % 11 < 2 ? 0 : 11 - (soma % 11);
+
+		//validação do segundo digito
+
+		if (resultado != digitos.charAt(1)) {
+			return false;
+
+		}
+
+	return true;
+	}
+}
+
+
+function validacao() { 
+
+	console.log("Iniciando validação CPF");
+    document.getElementById("success").style.display = "none"; // sempre que executar a açao de validaçao ele vai ocultar  dependendo do resultado da validaçao ele vai ocutar um ou outro
+    document.getElementById("error").style.display =  "none";  // essa parte vai limpar os resto que ficou na pagina     
+
+	var cpf = document.getElementById("cpf_digitado").value; //vai pegar o cpf digitado atraves do document.getElementById("cpf_digitado").value; depois gurardar o valor dentro de uma variavel chamada cpf0
+
+		var resultadoValidacao = validaCPF(cpf);     //perguntar se a validaçao do cpf é verdadeiro
+
+		if (resultadoValidacao) {
+			document.getElementById("success").style.display = "block"; //pega o elemento html que esta ocuto pelo styl e transforma em vsivel
+
+		}
+		else {
+			document.getElementById("error").style.display = "block";  // retorna no html um texto que estava oculto.
+		}
+
+
+
+
+	}