Calcolo Codice Fiscale by @garghy64 - Codewith.it

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

References

sizeDetermina le dimensioni dell'elemento in base al valore contenuto
heightDetermina l'altezza di un elemento HTML in pixel
<q>Indica una parte di testo come citazione breve
postDefinisce un metodo di invio di dati al server
<p>Serve a definire paragrafi di testo
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input

Users

Log in to search for users

Explore

Find inspiration

Resiliant Material

Bootstrap List Grid

Harrel Lola DIV CSS

One Magic Moment - Eventi Unici

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