/* 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);
});