¡Hola Yeremy, espero que estés bien!
¡Qué emocionante que estés practicando con un proyecto en Visual Studio Code! Aquí tienes una guía paso a paso para cada una de las tareas que necesitas realizar:
Cambiar el contenido de la etiqueta h1:
document.querySelector('h1').textContent = "Hora del Desafío";
Esto seleccionará la primera etiqueta <h1>
en tu documento y cambiará su texto al que se indica.
Función para el botón "Console":
Asegúrate de que el botón tenga un id o una clase para poder seleccionarlo. Por ejemplo, si el botón tiene un id consoleButton
, puedes hacer lo siguiente:
document.getElementById('consoleButton').addEventListener('click', function() {
console.log("El botón fue clicado");
});
Función para el botón "prompt":
Nuevamente, selecciona el botón adecuadamente. Suponiendo que tiene un id promptButton
:
document.getElementById('promptButton').addEventListener('click', function() {
let ciudad = prompt("Por favor, ingresa el nombre de una ciudad de Brasil:");
if (ciudad) {
alert(`Estuve en ${ciudad} y me acordé de ti`);
}
});
Función para el botón "Alerta":
Si el botón tiene un id alertButton
, puedes hacer lo siguiente:
document.getElementById('alertButton').addEventListener('click', function() {
alert("Yo amo JS");
});
Función para el botón "suma":
Para el botón con id sumaButton
:
document.getElementById('sumaButton').addEventListener('click', function() {
let num1 = parseFloat(prompt("Ingresa el primer número:"));
let num2 = parseFloat(prompt("Ingresa el segundo número:"));
if (!isNaN(num1) && !isNaN(num2)) {
alert(`El resultado de la suma es: ${num1 + num2}`);
} else {
alert("Por favor, ingresa números válidos.");
}
});
Espero que estas instrucciones te sean útiles para completar tu práctica. ¡Diviértete programando y aprendiendo! Espero haber ayudado y buenos estudios!