forked from marquez.juan/clase-10-ejercicios-de-repaso
Compare commits
1 Commits
e53d194942
...
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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Ejercicio 1</h1>
|
<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>
|
<script src="ejercicio1.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user