Alterações do Desafio

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">
                 </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>
         </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>
 
 </html>

script.js

@@ -0,0 +1,56 @@
+console.log("Javascript carregado");
+
+function validaCPF(cpf) {
+    if(cpf.length !=11) {
+        return false;
+    } else {
+        var numeros = cpf.substring(0, 9);
+        var digitos = cpf.substring(9);
+
+        var soma = 0;
+        for (var i = 10; i > 1; i--) {
+            soma += numeros.charAt(10 - i) * i;
+        }
+
+        var resultado = (soma % 11) < 2 ? 0 : 11 - (soma % 11);
+
+        //validação do primeiro digito//
+        if(resultado != digitos.charAt(0)) {
+            return false;
+        } 
+
+        soma = 0;
+        numeros = cpf.substring(0, 10);
+
+        for (var k = 11; k > 1; k--) {
+            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";
+    document.getElementById("error").style.display = "none";
+
+
+    var cpf = document.getElementById("cpf_digitado").value;
+
+    var resultadoValidacao = validaCPF(cpf);
+
+    if(resultadoValidacao) {
+        document.getElementById("success").style.display = "block";
+    }
+    else {
+        document.getElementById("error").style.display = "block";
+    }
+}