forked from marquez.juan/clase-10-ejercicios-de-repaso
Compare commits
1 Commits
f212ceaee5
...
solucion-e
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
5f7e970258 |
@@ -1 +1,14 @@
|
||||
// Agregar aquí el código javascript
|
||||
const boton = document.querySelector("#boton");
|
||||
|
||||
boton.addEventListener("click", () => {
|
||||
const nombre = document.querySelector("#nombre").value;
|
||||
|
||||
const saludo = document.querySelector("#saludo");
|
||||
// trim() elimina espacios al inicio y al final, para que un texto
|
||||
// con solo espacios no se considere válido.
|
||||
if (nombre.trim() === "") {
|
||||
saludo.textContent = "Por favor, ingresá tu nombre.";
|
||||
} else {
|
||||
saludo.textContent = `Hola, ${nombre}!`;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -8,6 +8,9 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Ejercicio 1</h1>
|
||||
<input type="text" id="nombre" placeholder="Tu nombre">
|
||||
<button id="boton">Saludar</button>
|
||||
<p id="saludo"></p>
|
||||
|
||||
<script src="ejercicio1.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user