forked from marquez.juan/clase-9-eventos
77 lines
1.7 KiB
JavaScript
77 lines
1.7 KiB
JavaScript
|
|
//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);
|
|
}); |