app.js // Cambiar el contenido de la etiqueta h1 document.querySelector('h1').textContent = "Hora del Desafío";
// Función para mostrar un mensaje en la consola cuando se presione el botón "Console" function mostrarMensajeConsole() { console.log("El botón fue clicado"); }
// Función para mostrar una alerta con el nombre de una ciudad de Brasil cuando se presione el botón "Prompt" function mostrarAlertaPrompt() { var ciudad = prompt("Ingresa el nombre de una ciudad de Brasil:"); alert("Estuve en " + ciudad + " y me acordé de ti"); }
// Función para mostrar una alerta con el mensaje "Yo amo JS" cuando se presione el botón "Alert" function mostrarAlerta() { alert("Yo amo JS"); }
// Función para pedir dos números y mostrar el resultado de la suma en una alerta cuando se presione el botón "Suma" function mostrarSuma() { var numero1 = parseFloat(prompt("Ingresa el primer número:")); var numero2 = parseFloat(prompt("Ingresa el segundo número:")); var suma = numero1 + numero2; alert("El resultado de la suma es: " + suma); }
// Asignar las funciones a los eventos de clic de los botones document.querySelector('.button').addEventListener('click', mostrarMensajeConsole); document.querySelectorAll('.button')[1].addEventListener('click', mostrarAlerta); document.querySelectorAll('.button')[2].addEventListener('click', mostrarAlertaPrompt); document.querySelectorAll('.button')[3].addEventListener('click', mostrarSuma);
index.html
<script src="app.js"></script>