Não aparece nada no Console

Espero que ajude :

Alguns motivos podem estar impedindo que ele funcione corretamente. Aqui estão algumas verificações que você pode fazer:

Verifique se os elementos HTML existem Certifique-se de que os elementos com os IDs name, guess, submit e message realmente existem no seu HTML. Se algum deles estiver faltando, o JavaScript pode falhar ao tentar acessá-los.

Erros no Console Abra o Console do DevTools (F12 > Console) e veja se há mensagens de erro. Se houver, compartilhe o erro para que possamos identificar o problema.

Arquivo JavaScript Vinculado Corretamente No seu HTML, o script JavaScript precisa ser incluído corretamente. Se estiver carregando um arquivo externo, certifique-se de que ele está no local correto e sendo referenciado no HTML assim:

O atributo defer garante que o JavaScript só será executado após o carregamento do HTML.

Testar se o JavaScript está Rodando Adicione um console.log() no início do seu script para verificar se ele está sendo carregado:

javascript

console.log('O script foi carregado corretamente.'); Se essa mensagem não aparecer no console, o problema pode estar na vinculação do JavaScript ao HTML.

Verifique se o DOM está Pronto Se o JavaScript estiver no

javascript

document.addEventListener("DOMContentLoaded", function() {
console.log("O DOM foi carregado.");

}); Isso garante que o código seja executado somente após a página estar pronta.

Teste essas soluções e me avise se ainda houver problemas!

Seque codgio abaixo para servir de exemplo :

document.addEventListener("DOMContentLoaded", function () { console.log("O DOM foi carregado."); // Debug para confirmar o carregamento

// Obtém os elementos do HTML const nameInput = document.getElementById("name"); const guessInput = document.getElementById("guess"); const submitButton = document.getElementById("submit"); const messageDiv = document.getElementById("message");

// Verifica se todos os elementos foram encontrados if (!nameInput || !guessInput || !submitButton || !messageDiv) { console.error("Erro: Um ou mais elementos não foram encontrados no DOM."); return; }

console.log("Todos os elementos foram encontrados no DOM."); // Debug

// Gera um número secreto inicial let numeroSecreto = Math.floor(Math.random() * 20) + 1; console.log("Número secreto gerado:", numeroSecreto); // Debug

// Contador de tentativas let tentativas = 0;

// Armazena o último palpite para verificar a sequência let ultimoPalpite = null; let sequenciaAtiva = false;

// Foco no próximo campo ao pressionar Enter nameInput.addEventListener("keydown", (event) => { if (event.key === "Enter") { event.preventDefault(); guessInput.focus(); } });

guessInput.addEventListener("keydown", (event) => { if (event.key === "Enter") { event.preventDefault(); submitButton.click(); } });

// Função para verificar sequência function verificarSequencia(numeroAtual) { if (numeroAtual < 1 || numeroAtual > 20) { sequenciaAtiva = false; return false; }

if (ultimoPalpite !== null && numeroAtual === ultimoPalpite + 1) {
  sequenciaAtiva = true;
  return true;
}
sequenciaAtiva = false;
return false;

}

// Evento de clique no botão submitButton.addEventListener("click", (event) => { event.preventDefault(); // Evita comportamento padrão em navegadores antigos

const nome = nameInput.value.trim();
const palpite = parseInt(guessInput.value, 10);

// Validação do nome e palpite
if (!nome) {
  messageDiv.textContent = "Por favor, digite seu nome.";
  messageDiv.style.color = "red";
  return;
}
if (isNaN(palpite) || palpite < 1 || palpite > 20) {
  messageDiv.textContent = "Por favor, insira um número válido (entre 1 e 20).";
  messageDiv.style.color = "red";
  guessInput.value = ""; // Limpa o valor inválido
  return;
}

console.log(`Palpite de ${nome}:`, palpite); // Debug

// Verificar se é uma sequência
if (verificarSequencia(palpite)) {
  messageDiv.textContent = "Assim é fácil, melhor embaralhar!";
  messageDiv.style.color = "purple";
  ultimoPalpite = palpite;
  return;
}

// Incrementa o contador de tentativas
tentativas++;

// Verificação do palpite
if (palpite === numeroSecreto) {
  messageDiv.textContent = `Parabéns, ${nome}! Você acertou o número secreto!`;
  messageDiv.style.color = "green";
  console.log(`${nome} acertou o número secreto em ${tentativas} tentativas!`); // Debug
  numeroSecreto = Math.floor(Math.random() * 20) + 1; // Troca o número secreto após o acerto
  console.log("Novo número secreto gerado:", numeroSecreto); // Debug
  tentativas = 0; // Reinicia o contador de tentativas
  ultimoPalpite = null; // Reinicia o controle de sequência
} else {
  let mensagem = `Huu, tente outra vez, ${nome}.`;

  // Verifica se o palpite está próximo do número secreto
  if (Math.abs(palpite - numeroSecreto) <= 2) {
    mensagem += " Está quase lá!";
    messageDiv.style.color = "orange";
  } else {
    messageDiv.style.color = "red";
  }

  messageDiv.textContent = mensagem;
  ultimoPalpite = palpite; // Atualiza o último palpite
}

// Limpa o input do palpite
guessInput.value = "";

}); });