Calcolo Codice Fiscale by @garghy64 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<q>Indica una parte di testo come citazione breve
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
<h5>Titolo di intestazione di quinto livello
multipart/form-dataCodifica dei caratteri di un form
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
<body>Tag primario di un documento HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

prima volta css

Esercizi di Riepilogo (3)

Young Corporate Lawyer - Experienc

Download vlc for PC Windows

Review of Functions I

Scheda Tecnica Xiaomi 14 Ultra

Pagina HTML prova

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Calcolo Codice Fiscale</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <div class="container">
    <h1>Calcola il tuo Codice Fiscale</h1>

    <label for="nome">Nome:</label>
    <input type="text" id="nome">

    <label for="cognome">Cognome:</label>
    <input type="text" id="cognome">

    <label for="dataNascita">Data di nascita:</label>
    <input type="date" id="dataNascita">

    <label for="luogoNascita">Luogo di nascita:</label>
    <input type="text" id="luogoNascita">

    <label for="sesso">Sesso:</label>
    <select id="sesso">
            <option value="M">Maschio</option>
            <option value="F">Femmina</option>
        </select>

    <button id="calcola">Calcola Codice Fiscale</button>
    <button id="reset">Reset</button>

    <h2>Codice Fiscale:</h2>
    <p id="codiceFiscale"></p>
  </div>

  <script src="script.js"></script>
</body>

</html>

body {
  font-family: Arial, sans-serif;
  background-color: #f4f4f4;
  text-align: center;
  padding: 20px;
}

.container {
  background: white;
  padding: 20px;
  max-width: 400px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

h1,
h2 {
  color: #333;
}

label {
  display: block;
  margin: 10px 0 5px;
  font-weight: bold;
}

input,
select {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

button {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

#calcola {
  background-color: #4CAF50;
  color: white;
}

#reset {
  background-color: #f44336;
  color: white;
}

document.getElementById("calcola").addEventListener("click", function () {
  const nome = document.getElementById("nome").value.trim();
  const cognome = document.getElementById("cognome").value.trim();
  const dataNascita = document.getElementById("dataNascita").value;
  const luogoNascita = document.getElementById("luogoNascita").value.trim();
  const sesso = document.getElementById("sesso").value;

  if (!nome || !cognome || !dataNascita || !luogoNascita) {
    alert("Compila tutti i campi!");
    return;
  }

  const codiceFiscale = calcolaCF(nome, cognome, dataNascita, luogoNascita, sesso);
  document.getElementById("codiceFiscale").textContent = codiceFiscale || "Errore nel calcolo.";
});

document.getElementById("reset").addEventListener("click", function () {
  document.getElementById("nome").value = "";
  document.getElementById("cognome").value = "";
  document.getElementById("dataNascita").value = "";
  document.getElementById("luogoNascita").value = "";
  document.getElementById("sesso").value = "M";
  document.getElementById("codiceFiscale").textContent = "";
});

function calcolaCF(nome, cognome, dataNascita, luogoNascita, sesso) {
  const mesi = {
    "01": "A", "02": "B", "03": "C", "04": "D", "05": "E", "06": "H",
    "07": "L", "08": "M", "09": "P", "10": "R", "11": "S", "12": "T"
  };

  const consonanti = (str) => str.replace(/[aeiouAEIOU]/g, '');
  const vocali = (str) => str.replace(/[^aeiouAEIOU]/g, '');

  const estraiTreLettere = (str) => {
    let cons = consonanti(str).toUpperCase();
    let voc = vocali(str).toUpperCase();
    let result = (cons + voc + "XXX").substring(0, 3);
    return result;
  };

  const cognomeCF = estraiTreLettere(cognome);
  const nomeCF = estraiTreLettere(nome);
  const annoCF = dataNascita.slice(2, 4);
  const meseCF = mesi[dataNascita.slice(5, 7)];
  const giornoCF = String(sesso === "F" ? parseInt(dataNascita.slice(8, 10)) + 40 : dataNascita.slice(8, 10)).padStart(2, "0");

  // Simulazione del codice catastale (sostituisci con una mappa reale se disponibile)
  const luogoCF = "Z123";

  let codiceParziale = cognomeCF + nomeCF + annoCF + meseCF + giornoCF + luogoCF;
  let carattereControllo = calcolaCarattereControllo(codiceParziale);

  return codiceParziale + carattereControllo;
}

function calcolaCarattereControllo(codice) {
  const pari = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  const dispari = "1 0 5 7 9 13 15 17 19 21 A B C D E F G H I J K 2 4 18 20 O 11 3 6 8 12 14 16 10 22 25 24 23".split(" ");

  let somma = 0;
  for (let i = 0; i < 15; i++) {
    if (i % 2 === 0) {
      somma += parseInt(dispari[pari.indexOf(codice[i])]);
    } else {
      somma += pari.indexOf(codice[i]);
    }
  }
  return pari[somma % 26];
}