//css body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.container { display: flex; flex-direction: column; gap: 10px; }
button { padding: 10px; background-color: #4CAF50; color: white; border: none; cursor: pointer; font-size: 16px; border-radius: 5px; transition: background-color 0.3s; }
button:hover { background-color: #45a049; }
//HTML
<script src="app.js"></script>
//JS // Cambiar el contenido del h1 document.querySelector('h1').innerText = "Hora del Desafío";
// Función para mostrar el mensaje en la consola cuando se presiona el botón "Console" function mostrarMensajeConsole() { console.log("El botón fue clicado"); }
// Función para mostrar una alerta con el mensaje "Yo amo JS" cuando se presiona el botón "Alert" function mostrarAlerta() { alert("Yo amo JS"); }
// Función para pedir el nombre de una ciudad de Brasil y mostrar la alerta correspondiente cuando se presiona el botón "Prompt"
function mostrarPrompt() {
let ciudad = prompt("¿Cuál es una ciudad de Brasil?");
alert(Estuve en ${ciudad} y me acordé de ti);
}
// Función para realizar la suma de dos números y mostrar el resultado cuando se presiona el botón "Suma"
function mostrarSuma() {
let numero1 = parseInt(prompt("Ingresa el primer número:"));
let numero2 = parseInt(prompt("Ingresa el segundo número:"));
let resultado = numero1 + numero2;
alert(La suma de ${numero1} y ${numero2} es ${resultado});
}
