js formulari

const nombre = document.getElementById("name");
const apellido = document.getElementById("cognom");
const direccion = document.getElementById("Adreça");
const gmail = document.getElementById("mail");
const telefono = document.getElementById("Telèfon");
let namePares;
let cognomPares;
let edad = document.getElementById("Edat");
let verificacion = document.getElementById("verificacion");


edad.addEventListener("input", function () {
    verificacion.innerHTML = "";

    if (parseInt(edad.value) < 18) {
        verificacion.innerHTML +=
            '<p><label>Nom dels Pares:</label><input type="text" id="namePares" name="pares_name" required></p>' +
            '<p><label>Cognoms dels Pares:</label><input type="text" id="cognomPares" name="pares_cognom" required></p>';


        namePares = document.getElementById("namePares");
        cognomPares = document.getElementById("cognomPares");
    }
});


document.getElementById("formulario").addEventListener("submit", function (event) {

    const nombreValue = nombre.value.trim();
    const apellidoValue = apellido.value.trim();
    const direccionValue = direccion.value.trim();
    const telefonoValue = telefono.value.trim();
    const edadValue = edad.value.trim();
    const nameParesValue = namePares ? namePares.value.trim() : "";
    const cognomParesValue = cognomPares ? cognomPares.value.trim() : "";


    if (!nombreValue || !apellidoValue || !direccionValue || !telefonoValue || !edadValue || (parseInt(edadValue) < 18 && (!nameParesValue || !cognomParesValue))) {
        event.preventDefault();
        alert("Por favor, completa todos los campos obligatorios.");
    }    else {
    event.preventDefault();
    window.location.href = "endform.html";
}
});