1
resposta

[Sugestão] Desafio: Hora da prática = Resolução

Lembrando que antes de manipular os botões no app.js, é necessário atribuir nome a eles no index.html e usar os mesmos nomes que você deu aos botões ao definir as funções.

// 1 é o download.
//2
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Teste de programação';

//3
function botaoConsole() {
    console.log('O botão console foi clicado');
}
//4
function botaoAlert() {
    alert('Eu amo JS');
}
//5
function botaoPrompt() {
    let cidade = prompt('Qual o nome da cidado onde você mora?');
    alert(`Estive em ${cidade} e lembrei de você!`);
}
//6
function botaoSoma() {
    let valor1 = parseInt(prompt('Digite um número'));
    let valor2 = parseInt(prompt('Digite mais um número'));
    let soma = (valor1) + (valor2);
    alert(`o resultado da soma de ${valor1} e ${valor2} é ${soma}.`);
}
1 resposta

Oi, Henrique! Como vai?

Sua explicação sobre nomear corretamente os botões no index.html antes de manipulá-los no app.js é muito útil para quem está começando. Seu código está bem organizado e cobre as principais interações propostas.

Uma dica interessante para o futuro é usar o método addEventListener para vincular funções aos botões. Isso ajuda a manter o HTML mais limpo e o JS mais flexível. Veja este exemplo:


let botao = document.querySelector('#meuBotao');
botao.addEventListener('click', function() {
    alert('Botão clicado!');
});

Esse código seleciona um botão com o id meuBotao e dispara um alerta ao ser clicado.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!