benincasa.nery/clase-10-ejercicios-de-repaso
1
0
Fork 0
forked from marquez.juan/clase-10-ejercicios-de-repaso
Code Pull Requests Activity

Ejercicio 1

Browse Source
This commit is contained in:
Nery Benincasa
2026-05-28 19:30:06 -03:00
parent 610d2530dd
commit 8b5b25c46e
2 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ejercicio1/ejercicio1.js
View File

@@ -1 +1,21 @@
// Agregar aquí el código javascript // 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}!`;
}
});

4
ejercicio1/index.html
View File

@@ -8,7 +8,9 @@
</head> </head>
<body> <body>
<h1>Ejercicio 1</h1> <h1>Ejercicio 1</h1>
<input type="text" id="campo-nombre" placeholder="Ingresá tu nombre">
<button id="boton-saludo">Saludar</button>
<p id="mensaje-resultado"></p>
<script src="ejercicio1.js"></script> <script src="ejercicio1.js"></script>
</body> </body>
</html> </html>