Calcolo Codice Fiscale by @garghy64 - Codewith.it

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

References

<select>Usato per creare un menu a tendina.
<map>Inserisce immagini mappa cliccabili in un documento
<title>Definisce il titolo della pagina web.
<h2>Titolo di intestazione di secondo livello
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
_parentApre collegamenti ipertestuali nell'elemento genitore

Users

Log in to search for users

Explore

Find inspiration

Custom JS alert box

Pagina Test-A D&D story

Lezione 4 (terza parte)

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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];
}