Implementierung eines einfachen Altersrechners auf Basis von HTML+JS

<div Klasse="Container">
        <div Klasse="inputs-wrapper">
            <Eingabetyp="Datum" id="Datum-Eingabe">
            <button onclick="ageCalculate()">Berechnen</button>
        </div>
        <div Klasse="Ausgabe-Wrapper">
            <div>
                <span id="Jahre">
                    -
                </span>
                <p>
                    Jahre
                </p>
            </div>
            <div>
                <span id="Monate">
                    -
                </span>
                <p>
                    Monate
                </p>
            </div>
            <div>
                <span id="Tage">
                    -
                </span>
                <p>
                    Tage
                </p>
            </div>
        </div>
    </div>

*,
*:vor,
*:nach{
    Polsterung: 0;
    Rand: 0;
    Box-Größe: Rahmenbox;
}
Körper{
    Hintergrundfarbe: #ff6666;
}
.Container{
    Breite: 40%;
    Mindestbreite: 450px;
    Position: absolut;
    transformieren: übersetzen(-50 %,-50 %);
    links: 50%;
    oben: 50 %;
    Polsterung: 50px 30px;
}
.Behälter *{
    Schriftfamilie: „Poppins“, serifenlos;
    Rand: keiner;
    Gliederung: keine;
}
.inputs-wrapper{
    Hintergrundfarbe: #080808;
    Polsterung: 30px 25px;
    Rahmenradius: 8px;
    Kastenschatten: 0 15px 20px rgba (0,0,0,0,3);
    Rand unten: 50px;
}
Eingang,
Taste{
    Höhe: 50px;
    Hintergrundfarbe: #ffffff;
    Farbe: #080808;
    Schriftstärke: 500;
    Rahmenradius: 5px;
}
Eingang{
    Breite: 60%;
    Polsterung: 0 20px;
    Schriftgröße: 14px;
}
Taste{
    Breite: 30%;
    schweben: rechts;
}
.outputs-wrapper{
    Breite: 100 %;
    Anzeige: Flex;
    Inhalt ausrichten: Abstand dazwischen;
}
.outputs-wrapper div{
    Höhe: 100px;
    Breite: 100px;
    Hintergrundfarbe: #080808;
    Rahmenradius: 5px;
    Farbe: #ffffff;
    Anzeige: Raster;
    Platziere Elemente: Mitte;
    Polsterung: 20px 0;
    Kastenschatten: 0 15px 20px rgba (0,0,0,0,3);

}
Spanne{
    Schriftgröße: 30px;
    Schriftstärke: 500;
}
P{
    Schriftgröße: 14px;
    Farbe: #707070;
    Schriftstärke: 400;
}

const Monate = [31,28,31,30,31,30,31,31,30,31,30,31];

Funktion AlterBerechnen(){
    sei heute = neues Datum();
    let inputDate = neues Datum(document.getElementById("date-input").value);
    let Geburtsmonat, Geburtsdatum, Geburtsjahr;
    let Geburtsdetails = {
        Datum:inputDate.getDate(),
        Monat:inputDate.getMonth()+1,
        jahr:inputDate.getFullYear()
    }
    Lassen Sie currentYear = today.getFullYear();
    Lassen Sie currentMonth = today.getMonth()+1;
    Lassen Sie currentDate = today.getDate();

    SprungChecker(aktuellesJahr);

    Wenn(
        Geburtsdetails.Jahr > aktuelles Jahr ||
        (Geburtsdetails.Monat > aktueller Monat und Geburtsdetails.Jahr == aktuelles Jahr) || 
        (Geburtsdetails.Datum > aktuellesDatum && Geburtsdetails.Monat == aktuellerMonat && Geburtsdetails.Jahr == aktuellesJahr)
    ){
        alert("Noch nicht geboren");
        Anzeigeergebnis("-","-","-");
        zurückkehren;
    }

    Geburtsjahr = aktuelles Jahr – Geburtsdetails.Jahr;

    if (aktuellerMonat >= Geburtsdetails.Monat) {
        Geburtsmonat = aktueller Monat – Geburtsdetails.Monat;
    }
    anders{
        Geburtsjahr--;
        Geburtsmonat = 12 + aktueller Monat – Geburtsdetails.Monat;
    }

    if (aktuellesDatum >= Geburtsdetails.Datum) {
        Geburtsdatum = aktuelles Datum – Geburtsdetails.Datum;
    }
    anders{
        Geburtsmonat--;
        let Tage = Monate[aktuellerMonat - 2];
        Geburtsdatum = Tage + aktuelles Datum – Geburtsdetails.Datum;
        wenn(Geburtsmonat < 0){
            Geburtsmonat = 11;
            Geburtsjahr--;
        }
    }
    Anzeigeergebnis(Geburtsdatum, Geburtsmonat, Geburtsjahr);
}

Funktion AnzeigeErgebnis(bDatum,bMonat,bJahr){
    document.getElementById("Jahre").textContent = bYear;
    document.getElementById("Monate").textContent = bMonat;
    document.getElementById("Tage").textContent = bDate;
}

Funktion LeapChecker(Jahr){
    wenn (Jahr % 4 == 0 || (Jahr % 100 == 0 && Jahr % 400 == 0)) {
        Monate[1] = 29;
    }
    anders{
        Monate[1] = 28;
    }
}