[Projeto] Capítulo 1 - Desafio: hora da prática

Faça o download de outro projeto clicando neste link e abra no Visual Studio Code.

HTML

<button onclick="botaoConsole()" class="button">Console</button>
<button onclick="botaoAlerta()" class="button">Alert</button>
<button onclick="botaoPrompt()" class="button">Prompt</button>
<button onclick="botaoSoma()" class="button">Soma</button>

Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.

titulo = document.querySelector('h1').innerHTML = 'Hora do Desafio'

Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.

function botaoConsole() { console.log('O botão foi clicado')};

Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.

function botaoAlerta() { alert('Eu amo JS')};

Crie uma função que é executada quando o botão prompt é clicado, perguntando o nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem concatenando a resposta com o texto: Estive em {cidade} e lembrei de você.

function botaoPrompt() {
    let cidade = prompt('Digite uma cidade do Brasil: ');
    alert(`Estive em ${cidade} e lembrei de você`);
}

Ao clicar no botão soma, peça 2 números e exiba o resultado da soma em um alerta.

function botaoSoma() {
    let x = parseInt(prompt('Digite o 1o número: '));
    let y = parseInt(prompt('Digite o 2o número: '))
    alert(`${x} + ${y} = ${x + y}`);
}