Calcolo Codice Fiscale by @garghy64 - Codewith.it

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

Referenze

rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
<div>Crea contenitori generici o sezioni in una pagina
<pre>Indica una parte di testo preformattato
_selfApre collegamenti ipertestuali nella stessa pagina del browser
animationDefinisce i parametri dell'animazione di un elemento o selettore
<i>Formatta il testo in corsivo/italico non enfatizzato

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Review of Functions I

I Nostri Servizi

Orologio Analitico

spiaggia portobotte

questa sarà una pagina web dedic

Esercitazione 1

Tabella primo appello

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