cambio en HTML
<main class="container">
<button onclick="clickBotonConsola();" class="button">Console</button>
<button onclick="botonAlerta();" class="button">Alert</button>
<button onclick="botonPrompt();" class="button">Prompt</button>
<button onclick="sumaDosNumeros();" class="button">Suma</button>
</main>
App.js
let title = document.querySelector('h1');
title.innerHTML = 'Hora del Desafío';
function clickBotonConsola() {
console.log('El botón fue clicado');
}
function botonPrompt() {
let ciudad = prompt('Nombra una ciudad de Brasil');
alert(`Estuve en ${ciudad} y me acordé de ti`);
}
function botonAlerta() {
alert('Yo amo JS');
}
function sumaDosNumeros() {
let num1 = parseInt(prompt('Ingresa el primer número'));
let num2 = parseInt(prompt('Ingresa el segundo número'));
let resultado = num1 + num2;
alert(`La suma de ${num1} y ${num2} es ${resultado}`);
}