forked from marquez.juan/clase-9-eventos
Subir archivos a "/"
This commit is contained in:
78
clase-9.js
78
clase-9.js
@@ -1 +1,77 @@
|
||||
// Agregar acá el código javascript para los ejercicios
|
||||
|
||||
//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);
|
||||
});
|
||||
Reference in New Issue
Block a user