1
resposta

[Dúvida] Interação com o usuário

Eu terminei o código, fui em index.html e em Open with Live Server e fui direcionado para o chrome. Porém, quando entro na tela "Você acertou! Você descobriu o número secreto", não aparece as mensagem do Alert e nem as interações do Prompt. nesse desafio era necessário aparecer isso? Senão, como deve fazer para aparecer na tela do numero secreto? Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Parece que o problema está em como o código está estruturado, principalmente com o uso dos prompt() e alert(). Vou destacar alguns pontos que precisam de ajustes para garantir que os alertas e prompts funcionem corretamente no navegador:

  1. Sintaxe do prompt(): Você está usando a palavra-chave let e prompt() de maneira incorreta. O correto seria:

    let nome = prompt("Digite seu nome");
    let idade = prompt("Digite a sua idade");
    
  2. Uso de alert(): O alert() está correto, mas não está estruturado adequadamente no seu código (parece que está faltando algumas chaves {}).

  3. Lógica do if: Você tem um if para verificar a idade, mas a chave de fechamento } está fora de lugar. O código correto seria:

    if (idade >= 18) {
        alert("Pode tirar a habilitação!");
    }
    
  4. Verificação do número secreto: Se você deseja que o número secreto apareça em uma tela quando o usuário acertar, você pode usar alert() ou mesmo manipulação do DOM para exibir isso na página. Por exemplo:

    let numeroSecreto = 7;
    let palpite = prompt("Adivinhe o número secreto");
    
    if (parseInt(palpite) === numeroSecreto) {
        alert("Você acertou! Você descobriu o número secreto");
    } else {
        alert("Tente novamente!");
    }
    

Se você quer que o número secreto apareça diretamente na página HTML, em vez de usar alert(), você pode manipular o DOM assim:

let numeroSecreto = 7;
let palpite = prompt("Adivinhe o número secreto");

if (parseInt(palpite) === numeroSecreto) {
    document.body.innerHTML = "Você acertou! Você descobriu o número secreto";
} else {
    document.body.innerHTML = "Tente novamente!";
}

Esse código vai substituir o conteúdo do corpo da página com a mensagem informando se o usuário acertou o número secreto ou não. Certifique-se de estar usando o Live Server para atualizar a página corretamente e testar as interações.