No JS os códigos ficaram assim:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio';
function verificarClique() {
console.log(' O botão foi clicado');
}
function alertaJs() {
alert('Eu amo JS');
}
function perguntaCidade() {
let cidade = prompt('Diga o nome de uma cidade brasileira');
alert(`Estive em ${cidade} e lembrei de você!`);
}
function somar() {
numero1 = parseInt(prompt(' Digite o primeiro número para a soma'));
numero2 = parseInt(prompt('Digite o segundo número para a soma'));
let soma = (numero1 + numero2);
alert(`A soma entre os números ${numero1} e ${numero2} é ${soma}`);
}
No html, a parte dos botões ficou assim:
<main class="container">
<button onclick="verificarClique()" class="button">Console</button>
<button onclick="alertaJs()" class="button">Alert</button>
<button onclick="perguntaCidade()" class="button">Prompt</button>
<button onclick="somar()" class="button">Soma</button>
</main>