javascript sera:
document.querySelector('h1').innerHTML = "Hora del Desafío";
<!DOCTYPE html>
<html>
<head>
<title>Desafío</title>
</head>
<body>
<h1>Hora del Desafío</h1>
<button id="console-btn">Console</button>
<button id="prompt-btn">Prompt</button>
<button id="alert-btn">Alerta</button>
<button id="sum-btn">Suma</button>
<script>
// Función para mostrar "El botón fue clicado" en la consola
function showConsoleMessage() {
console.log("El botón fue clicado");
}
// Función para preguntar el nombre de una ciudad de Brasil y mostrar una alerta
function showPromptMessage() {
const city = prompt("Ingresa el nombre de una ciudad de Brasil:");
alert(`Estuve en ${city} y me acordé de ti.`);
}
// Función para mostrar una alerta con "Yo amo JS"
function showAlertMessage() {
alert("Yo amo JS");
}
// Función para sumar dos números y mostrar el resultado en una alerta
function showSumResult() {
const num1 = parseFloat(prompt("Ingresa el primer número:"));
const num2 = parseFloat(prompt("Ingresa el segundo número:"));
const sum = num1 + num2;
alert(`El resultado de la suma es: ${sum}`);
}
// Agregar los event listeners a los botones
document.getElementById("console-btn").addEventListener("click", showConsoleMessage);
document.getElementById("prompt-btn").addEventListener("click", showPromptMessage);
document.getElementById("alert-btn").addEventListener("click", showAlertMessage);
document.getElementById("sum-btn").addEventListener("click", showSumResult);
</script>
</body>
</html>