Calcolo Codice Fiscale by @gieppe - Codewith.it

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

Referenze

novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
<h3>Titolo di intestazione di terzo livello
valueValore alfanumerico o booleano contenuto in un elemento
<option>Serve ad inserire una voce in un menu di selezione.
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
disabledImpedisce la modifica di un input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

esercizio 1.1-1.6

velocità scrittura

Casetta NEWTON+

Album-Reccomendations

esercitazione n. 1

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