forked from marquez.juan/clase-10-ejercicios-de-repaso
Ejercicio 1
This commit is contained in:
@@ -1 +1,21 @@
|
||||
// Agregar aquí el código javascript
|
||||
// 1. Selección de los elementos del DOM
|
||||
const inputNombre = document.querySelector("#campo-nombre");
|
||||
const boton = document.querySelector("#boton-saludo");
|
||||
const resultado = document.querySelector("#mensaje-resultado");
|
||||
|
||||
// 2. Registro del Event Listener utilizando una función clásica
|
||||
boton.addEventListener("click", function () {
|
||||
|
||||
// 3. Obtención y limpieza del valor del campo de texto
|
||||
const nombre = inputNombre.value.trim();
|
||||
|
||||
// 4. Estructura condicional para validar el contenido
|
||||
if (nombre === "") {
|
||||
// Caso en que el campo esté vacío
|
||||
resultado.textContent = "Por favor, ingresá tu nombre.";
|
||||
} else {
|
||||
// Caso en que contenga texto válido
|
||||
resultado.textContent = `Hola, ${nombre}!`;
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user