Add files via upload

Eduardo-Zorzan · web-flow · commit 52323433ef41 · 2024-03-20T21:46:34.000-03:00
diff --git a/validação cpf/assets/js/index.js b/validação cpf/assets/js/index.js
@@ -0,0 +1,91 @@
+class ValidacaoCpf {
+    constructor(cpf) {
+        this.cpf = cpf;
+        this.numeroLimpo;
+        this.numeroLimpoArray = [];
+        this.verdadeiro;
+    }
+
+    limparCPF() {
+        this.numeroLimpo = this.cpf;
+        for (let i = 0; i < this.numeroLimpo.length; i++) {
+            if (this.numeroLimpo[i] !== '.' && this.numeroLimpo[i] !== '-'){
+                this.numeroLimpoArray.push(this.numeroLimpo[i])
+            } else {
+                continue
+            }
+        }
+        return this.numeroLimpoArray
+    }
+
+    esquecerCPF() {
+        this.numeroLimpoArray = [];
+    }
+
+    converterCPFEmNumero() {
+        this.numeroLimpoArray = this.limparCPF().map((value) => parseInt(value))
+        return this.numeroLimpoArray
+    }
+
+    somaDigitoUm() {
+        let acum = 10;
+        const somaPrimeiro = this.converterCPFEmNumero().reduce((acumF, valor, indice, array) => {
+            if (indice < array.length - 2) {
+                acumF += valor * acum
+                acum--
+            }
+        return acumF
+        }, 0)
+        let primeiroNumero = 11 - (somaPrimeiro % 11);
+        if (primeiroNumero > 9 ) primeiroNumero = 0;
+        return primeiroNumero
+    }
+
+    somaDigitoDois() {
+        let acum = 11;
+        const somaSegundo = this.numeroLimpoArray.reduce((acumF, valor, indice, array) => {
+        if (indice < array.length - 1) {
+            acumF += valor * acum
+            acum--
+        }
+            return acumF
+        }, 0)
+        let segundoNumero = 11 - (somaSegundo % 11);
+        if (segundoNumero > 9 ) segundoNumero = 0;
+        return segundoNumero
+    }
+
+    verificarSequencia() {
+        const possivelSequencia = this.numeroLimpoArray.filter((valor) => valor === this.numeroLimpoArray[0])
+        return !(possivelSequencia.length === 11)
+    }
+
+    verificacaoUm() {
+        return this.somaDigitoUm() === this.numeroLimpoArray[9];
+    }
+    
+    verificacaoDois() {
+        return this.somaDigitoDois() === this.numeroLimpoArray[10];
+    }
+
+    verificaçãoGeral() {
+        if(this.verificacaoUm() && this.verificacaoDois() && this.verificarSequencia()) return 'cpf valido';
+        else return 'cpf invalido'
+    } 
+}
+
+
+
+
+const cpf1 = new ValidacaoCpf('031.205.580-36')
+console.log(cpf1.limparCPF())
+console.log(cpf1.verificaçãoGeral())
+
+document.addEventListener('click', function (event) {
+    const ev = event.target;
+    const input = document.querySelector('.verification-input input')
+    if (ev.classList.contains('verification-button')) {
+        const cpfDOM = new ValidacaoCpf(input.value);
+        alert(cpfDOM.verificaçãoGeral())
+    }
+})
diff --git a/validação cpf/assets/styles/styles.css b/validação cpf/assets/styles/styles.css
@@ -0,0 +1,33 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+:root {
+    --background-color-one: rgb(2, 120, 112);
+    --background-color-two: rgb(206, 255, 252);
+}
+.container {
+    background-color: var(--background-color-one);
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+.introduction {
+    width: 60vw;
+    height: auto;
+    margin-top: 10vh;
+    background-color: var(--background-color-two);
+    padding: 2vmin;
+    border: solid var(--background-color-two);
+    border-radius: 10px;
+    font-size: 1.2em;
+    display: flex;
+    gap: 2vmin;
+    flex-direction: column;
+}
+.verification-input input{
+    width: 30vw;
+    font-size: 1em;
+}
diff --git a/validação cpf/index.html b/validação cpf/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./assets/styles/styles.css">
+</head>
+
+<body>
+    <section class="container">
+        <div class="introduction">
+            <h1>Verificador de CPF</h1>
+            <div class="verification">
+                <div class="verification-input">
+                    <input type="text" placeholder="000.000.000-00" maxlength="14">
+                    <div><button class="verification-button">Verificar</button></div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <script src="./assets/js/index.js"></script>
+</body>
+
+</html>
