Olá, Gloria! Tudo bem?
Para que as funções sejam executadas quando você clica nos botões, é necessário garantir que cada botão esteja chamando a função correta.
Aqui está um exemplo de como você pode associar as funções aos botões no seu arquivo HTML:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desafio</title>
</head>
<body>
<h1>Hora do Desafio</h1>
<button onclick="exibirMensagemNoConsole()">Console</button>
<button onclick="exibirAlert()">Alerta</button>
<button onclick="exibirPrompt()">Prompt</button>
<button onclick="somandoDoisNumeros()">Soma</button>
<script>
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';
function exibirMensagemNoConsole() {
console.log('O botão foi clicado');
}
function exibirAlert() {
alert('Eu amo JS');
}
function exibirPrompt() {
let nomeDaCidade = prompt('Nome de uma cidade do Brasil');
alert(`Estive em ${nomeDaCidade} e lembrei de você`);
}
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}`);
}
</script>
</body>
</html>
Certifique-se de que os nomes das funções no atributo onclick dos botões correspondem exatamente aos nomes das funções que você definiu no seu script JavaScript. Com isso, ao clicar nos botões, as funções devem ser executadas corretamente.
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.
