/* Stil für die Anzeige des Buttons */
#bestaetigen-btn {
display: none;
}

Formular

Vorname:

Nachname:

Geburtsdatum:

Ich stimme zu

Bestätigen

// Funktion, um zu überprüfen, ob alle Felder ausgefüllt sind
function checkForm() {
var form = document.getElementById(„meinFormular“);
if (form.checkValidity()) {
document.getElementById(„bestaetigen-btn“).style.display = „block“;
} else {
document.getElementById(„bestaetigen-btn“).style.display = „none“;
}
}

// Event-Listener für die Überprüfung, wenn sich die Eingaben ändern
document.getElementById(„meinFormular“).addEventListener(„input“, checkForm);

// Event-Listener für den Klick auf den Bestätigen-Button
document.getElementById(„bestaetigen-btn“).addEventListener(„click“, function() {
var vorname = document.getElementById(„vorname“).value;
var nachname = document.getElementById(„nachname“).value;
var geburtsdatum = document.getElementById(„geburtsdatum“).value;
var zustimmung = document.getElementById(„zustimmung“).checked;

// Hier kannst du die Daten verarbeiten, z.B. eine Datei herunterladen
// und eine E-Mail senden
// Für diesen Beispielcode wird die Mail-Funktionalität nicht implementiert

// Beispiel für den Versand einer E-Mail mit den Daten an eine Adresse
var mailBody = „Vorname: “ + vorname + „\n“ +
„Nachname: “ + nachname + „\n“ +
„Geburtsdatum: “ + geburtsdatum + „\n“ +
„Zustimmung: “ + (zustimmung ? „Ja“ : „Nein“);

// Öffne den E-Mail-Versand mit vorbereitetem Inhalt
window.location.href = „mailto:c.wolf@wahl-firmengruppe.de?subject=Formular&body=“ + encodeURIComponent(mailBody);
});