Index.html
<main class="container">
<button onclick="clicado()" class="button">Console</button>
<button onclick="alerta()" class="button">Alert</button>
<button onclick="perguntaCidade()" class="button">Prompt</button>
<button onclick="soma()" class="button">Soma</button>
</main>
app.js
let title = document.querySelector('h1');
title.innerHTML = 'Hora do Desafio!';
function clicado(){
console.log('O botão foi clicado!');
}
function alerta(){
alert ('Eu amo JS');
}
function perguntaCidade(){
let cidade = prompt ('Digite o nome de uma cidade do Brasil: ')
alert (`Estive em ${cidade} e lembrei de você.`)
}
function soma(){
let num1 = parseInt(prompt('Digite o primeiro número'))
while (isNaN(num1)){
num1 = parseInt(prompt('Inválido. Digite o primeiro número'))
}
let num2 = parseInt(prompt('Digite o segundo número'))
while (isNaN(num2)){
num2 = parseInt(prompt('Inválido. Digite o segundo número'))
}
let resultado = num1+num2
alert (`A soma de ${num1} e ${num2} é ${resultado}`)
}
Na função soma fiz um pequeno tratamento de erro evitando que o usuário inclua letras ou demais caracteres que não sejam números.