Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Código não rodou. Não apareceu nada no meu console.

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Interagindo com HTML e atividade Desafio: hora da prática

por LEANDRO AGUIAR DA SILVA
| 3.7k xp | 2 posts
let tag = document.querySelector('h1');
tag.innerHTML = ('Hora do desafio:');

function verificarConsole(){
    console.log ('O botão foi clicado.');
}

function aparecerAlerta(){
    alert('Eu amo JS!');
}

function fazerPergunta(){
   cidade = prompt ('Diga o nome de uma cidade do Brasil:');
   alert(`Estive na cidade ${cidade} e lembrei de você!`);
}

function fazerSoma(){
    let [valor1, valor2] = [parseInt(prompt('Insira o primeiro número:')), parseInt(prompt('Insira o segundo número:'))];
    let soma = valor1 + valor2;
    alert (`A soma ${valor1}+${valor2}=${soma}`);
}
2 respostas
por LEANDRO AGUIAR DA SILVA
| 3.7k xp | 2 posts

A contagem do do botão console só começou após isso.

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';
function verificarClique() {
    console.log('O botão foi clicado.');
}

let botao = document.querySelector('button'); // Supondo que o botão seja um elemento <button> no HTML
botao.addEventListener('click', verificarClique);

Mas não consegui entender o porque de não rodar no formado anterior.

solução!
por Armano Barros Alves Junior
| 4342.1k xp | 9213 posts
Alura Scuba Team

Olá Leandro! Tudo bem?

Pelo que você descreveu, parece que o seu código JavaScript está correto, mas você não mencionou se os botões estão configurados para chamar as funções. Para que as funções sejam executadas quando os botões são clicados, você precisa adicionar event listeners aos botões no seu HTML. Vou te mostrar um exemplo de como fazer isso:

Primeiro, certifique-se de que você tem os botões no seu HTML. Algo assim:

<!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 id="consoleButton">Console</button>
    <button id="alertButton">Alerta</button>
    <button id="promptButton">Prompt</button>
    <button id="somaButton">Soma</button>

    <script src="seu-script.js"></script>
</body>
</html>

Depois, no seu arquivo JavaScript, adicione os event listeners para os botões:

let tag = document.querySelector('h1');
tag.innerHTML = 'Hora do desafio:';

function verificarConsole(){
    console.log('O botão foi clicado.');
}

function aparecerAlerta(){
    alert('Eu amo JS!');
}

function fazerPergunta(){
    let cidade = prompt('Diga o nome de uma cidade do Brasil:');
    alert(`Estive na cidade ${cidade} e lembrei de você!`);
}

function fazerSoma(){
    let [valor1, valor2] = [parseInt(prompt('Insira o primeiro número:')), parseInt(prompt('Insira o segundo número:'))];
    let soma = valor1 + valor2;
    alert(`A soma ${valor1}+${valor2}=${soma}`);
}

// Adicionando event listeners aos botões
document.getElementById('consoleButton').addEventListener('click', verificarConsole);
document.getElementById('alertButton').addEventListener('click', aparecerAlerta);
document.getElementById('promptButton').addEventListener('click', fazerPergunta);
document.getElementById('somaButton').addEventListener('click', fazerSoma);

Com isso, quando você clicar nos botões, as funções correspondentes serão chamadas e o comportamento esperado deve ocorrer.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.