1
resposta

[Dúvida] Fiz certo e depois corrigi mas o primeiro botão "Console" não funciona (07 Desafio: hora da prática)

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

function exibirMensagemNoConsole() {
console.log('O botão foi clicado!')
}
function exibirAlerta() {
alert('Eu amo Js')
}
function exibirPrompt() {
let nomeDaCidade = prompt('Qual o nome de uma cidade do Brasil que você mais gosta?')
alert(Estive em ${nomeDaCidade} e eu adorei!)
}
function somandoDoisNumeros() {
let primeiroNumero = parseInt(prompt('Digite o primeiro número'));
let segundoNumero = parseInt(prompt('Digite o segundo número'));
let resultado = primeiroNumero + segundoNumero;
alert(${primeiroNumero} + ${segundoNumero} = ${resultado})
}

Codigo HTML:

  <script src="app.js"></script>

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta

Olá amigo.
Seu código apresenta alguns erros e por isso não se comporta como o esperado.
Vamos analisar e corrigir.

  • voce precisa chamar cada botão como fez com o titulo:
//no caso sugeri que criou uma classe para o botao: console-btn

const botaoConsole = document.querySelector('.console-btn');

botaoConsole.addEventListener( 'click', exibirMensagemNoConsole );

Deve fazer isso para todos os botoes .
Ou pode chamar a função com onclick no html.
Exemplo:

<button  onclick="exibirMensagemNoConsole()">Console</button>

E verifique se está chamando o script js corretamente. Pode criar um alert no inicio do codigo js e ver se aparece ao carregar a pagina.
Aguardo seu feedback com os resultados.
Comente ai.
Bons estudos.