forked from marquez.juan/clase-10-ejercicios-de-repaso
26 lines
704 B
JavaScript
26 lines
704 B
JavaScript
// Agregar aquí el código javascript
|
|
|
|
/* Ejercicio 1: Saludo personalizado
|
|
|
|
Crear una página con un campo de texto y un botón. Al hacer clic en el botón,
|
|
leer el valor del campo y mostrar en la página el mensaje `"Hola, [nombre]!"`.
|
|
Si el campo está vacío, mostrar en su lugar `"Por favor, ingresá tu nombre."`. */
|
|
|
|
|
|
|
|
const boton = document.querySelector("#boton");
|
|
|
|
boton.addEventListener("click", (e) => {
|
|
|
|
const nombre = document.querySelector("#nombre").value;
|
|
|
|
if (nombre.trim() !== "") {
|
|
|
|
document.getElementById("saludo").textContent = `Hola, ${nombre}!`;
|
|
|
|
} else {
|
|
|
|
document.getElementById("saludo").textContent = "Por favor, ingresa tu nombre"
|
|
}
|
|
|
|
}); |