routaboul.romeo/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:
Romeo
2026-05-26 22:18:09 -03:00
parent 610d2530dd
commit 80f5ca683e
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ejercicio1/ejercicio1.js
View File

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

7
ejercicio1/index.html
View File

@@ -8,6 +8,13 @@
</head> </head>
<body> <body>
<h1>Ejercicio 1</h1> <h1>Ejercicio 1</h1>
<p>Ingrese su nombre</p>
<form action="">
<label for="input-nombre"></label>
<input type="text" name="input-nombre" id="input-nombre">
<button type="submit" id="enviar-form">ver</button>
</form>
<p id="saludo"></p>
<script src="ejercicio1.js"></script> <script src="ejercicio1.js"></script>
</body> </body>