//Ejercicio 1

const boton = document.querySelector("button");

boton.addEventListener("click", function () {
    console.log("Botón clickeado 0 veces");
});

boton.addEventListener("click", (event) => {
    console.log(event.target.textContent)("Botón clickeado N veces");  
});

//Ejercicio 2

const select = document.querySelector("select");
select.addEventListener("change", (e) => {
    console.log(e.target.value);  
});

const checkbox = document.querySelector("input[type='checkbox']");
checkbox.addEventListener("change", (e) => {
    console.log(e.target.checked); 
});

//Ejercicio 3

document.addEventListener("keydown", (e) => {
    console.log(e.key); 
});

//Ejercicio 4

<div id="externo">
    <div id="interno">
        <button>Click</button>
    </div>
</div>

//Ejercicio 5

const input = document.querySelector("#nombre");
console.log(input.value); 

const checkbox = document.querySelector("#acepto");
console.log(checkbox.checked); 

const form = document.querySelector("form");
form.addEventListener("submit", (e) => {
    e.preventDefault();
});

form.addEventListener("submit", (e) => {
    e.preventDefault();

    const nombre = document.querySelector("#nombre").value;

    if (nombre.trim() === "") {
        console.log("El nombre no puede estar vacío");
        return; 
    }

    console.log("Formulario válido:", nombre);
});

form.addEventListener("submit", (e) => {
    e.preventDefault();

    const nombre = document.querySelector("#nombre").value;

    if (nombre.trim() === "") {
        console.log("El nombre no puede estar vacío");
        return; 
    }

    console.log("Formulario válido:", nombre);
});