Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Desafio hora da prática

Segue minha solução para o desafio.

Comando realizados no HTML

        <button onclick="verificarConsole()" class="button">Console</button>
        <button onclick="mensagemAlerta()" class="button">Alert</button>
        <button onclick="verificarCidade()" class="button">Prompt</button>
        <button onclick="realizarSoma()" class="button">Soma</button>
    </main>

Comandos realizados no JS

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

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

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

function verificarConsole() {

   console.log('O botao Console foi clicado');
}

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

function mensagemAlerta() {

    alert ("Eu amo JS");
}

4 - 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 verificarCidade() {

    var cidade = prompt("Diga o nome da sua cidade natal: ");
    alert (`Estive em  ${cidade}  e lembrei de você` );
}

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

function realizarSoma() {

    var num1 = parseInt(prompt('Diga um número: '));
    var num2 = parseInt(prompt('Diga outro número: '));
    var totalSoma = num1 + num2;

    alert (`A soma de ${num1} + ${num2} é = ${totalSoma}` );

}
1 resposta
solução!

Oi Carlos, tudo bem?

Parabéns pela conclusão do desafio! Agradeço por compartilhar suas soluções. É notável que você compreendeu bem os conceitos e soube aplicá-los de maneira eficiente. O código está bem estruturado, e as funções desenvolvidas atendem aos requisitos propostos.

Além disso, é ótimo ver que você explorou a interação entre o HTML e o JavaScript, usando eventos para acionar as funções. Isso demonstra uma compreensão sólida da integração dessas linguagens para criar uma experiência interativa no navegador.

Continue assim, praticando e enfrentando novos desafios.

Um abraço e bons estudos.