forked from marquez.juan/clase-10-ejercicios-de-repaso
19 lines
713 B
JavaScript
19 lines
713 B
JavaScript
// Agregar aquí el código javascript
|
|
|
|
// 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."`.
|
|
|
|
let saludo = document.querySelector("#saludo");
|
|
let boton = document.querySelector("#enviar");
|
|
let form = document.querySelector("form");
|
|
let nombre = document.querySelector("#input-nombre");
|
|
|
|
form.addEventListener("submit", (e) => {
|
|
e.preventDefault();
|
|
if (nombre.value.trim() === ""){
|
|
saludo.textContent = "Por favor, ingresá tu nombre.";
|
|
} else {saludo.textContent = `Hola ${nombre.value}!`}
|
|
})
|
|
|