Desafio: hora da prática

1) Altere o conteúdo da tag <h1> para "Hora do Desafio":

Utilize o método document.querySelector() para selecionar a tag <h1> e, em seguida, modifique seu conteúdo textual:

document.querySelector('h1').textContent = 'Hora do Desafio';

citeturn0search0

2) Exiba uma mensagem no console ao clicar no botão "Console":

Primeiro, selecione o botão desejado e adicione um ouvinte de evento para capturar o clique. Dentro da função associada, utilize console.log() para exibir a mensagem:

<button id="btnConsole">Console</button>

document.querySelector('#btnConsole').addEventListener('click', function() {
    console.log('O botão foi clicado');
});

citeturn0search1

3) Exiba um alerta com a mensagem "Eu amo JS" ao pressionar o botão "Alerta":

Selecione o botão correspondente e adicione um ouvinte de evento que, ao ser acionado, chame a função alert() com a mensagem desejada:

<button id="btnAlerta">Alerta</button>

document.querySelector('#btnAlerta').addEventListener('click', function() {
    alert('Eu amo JS');
});

citeturn0search5

4) Pergunte o nome de uma cidade do Brasil ao clicar no botão "Prompt" e exiba um alerta com a mensagem: "Estive em {cidade} e lembrei de você":

Utilize a função prompt() para solicitar a entrada do usuário e, em seguida, exiba um alerta com a mensagem personalizada:

<button id="btnPrompt">Prompt</button>

document.querySelector('#btnPrompt').addEventListener('click', function() {
    const cidade = prompt('Digite o nome de uma cidade do Brasil:');
    if (cidade) {
        alert(`Estive em ${cidade} e lembrei de você`);
    }
});

citeturn0search5

5) Peça 2 números inteiros ao clicar no botão "Soma" e exiba o resultado da soma em um alerta:

Utilize a função prompt() para obter os números, converta-os para inteiros e calcule a soma:

<button id="btnSoma">Soma</button>

document.querySelector('#btnSoma').addEventListener('click', function() {
    const num1 = parseInt(prompt('Digite o primeiro número inteiro:'), 10);
    const num2 = parseInt(prompt('Digite o segundo número inteiro:'), 10);
    if (!isNaN(num1) && !isNaN(num2)) {
        const soma = num1 + num2;
        alert(`O resultado da soma é: ${soma}`);
    } else {
        alert('Por favor, insira números inteiros válidos.');
    }
});