marquez.juan/clase-10-ejercicios-de-repaso
1
0
Fork 7
Code Issues Pull Requests 4 Projects Releases Wiki Activity

Ejercicio 1

Browse Source
This commit is contained in:
Bruno Dalessandro
2026-05-28 11:22:31 -03:00
parent 610d2530dd
commit 9f57950a7b
2 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
ejercicio1/ejercicio1.js
View File

@@ -1 +1,26 @@
// Agregar aquí el código 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"
}
});

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="nombre" placeholder="Ingresa tu nombre">
<p id="saludo"></p>
<button type="submit" id="boton">Enviar</button>
<script src="ejercicio1.js"></script> <script src="ejercicio1.js"></script>
</body> </body>
</html> </html>