Tem três formas de construir o bloco usando o console.log, o alert e as barras //, em algum desses casos o código que estou usando fica disponível no site do jogo secreto para o usuário burlar e pegar a resposta?
Quando que usa cada um? Pode mostrar exemplos também? Quando que está visível só pra mim e quando que está visível para os usuários?
Oi, Alice.
Essa é uma dúvida excelente e demonstra que você já está pensando como uma desenvolvedora atenta à segurança e à experiência de quem usa seu programa.
Vou explicar cada um dos pontos para que você entenda o que fica visível e quando utilizar cada comando.
1. Onde as informações ficam visíveis?
No desenvolvimento web, o código JavaScript é executado no navegador do usuário. Isso significa que, se alguém souber onde olhar, quase tudo pode ser acessado.
//): Eles não aparecem na tela do jogo, mas se o usuário abrir o "Código Fonte" da página (clicando com o botão direito e indo em "Exibir código fonte"), ele conseguirá ler tudo o que você escreveu lá.console.log): O texto enviado para o console só aparece se a pessoa abrir as "Ferramentas do Desenvolvedor" (geralmente apertando F12 ou Ctrl+Shift+I). Embora não apareça diretamente na página, é um lugar comum para usuários curiosos "burlarem" a lógica.alert): É a forma mais visível. Ele interrompe a navegação e mostra uma mensagem diretamente no centro da tela.2. Quando usar cada um?
Para ajudar na sua organização, preparei uma tabela comparativa:
| Comando | Para que serve? | Quem deve ver? | Exemplo de uso |
|---|---|---|---|
// Comentário | Organizar o código e explicar a lógica para outros programadores. | Desenvolvedores. | // Verifica se a idade é maior que 18 |
console.log() | Testar se uma variável tem o valor correto ou encontrar erros (debug). | Desenvolvedores. | console.log(numeroSecreto); |
alert() | Comunicar algo importante diretamente para quem está jogando. | Usuários. | alert('Parabéns! Você acertou!'); |
3. Exemplos práticos
Use para deixar notas para você mesma no futuro.
// Este código sorteia um número de 1 a 10
let numeroSecreto = 7;
Use enquanto você está construindo o jogo para saber se os valores estão corretos. Dica: Antes de publicar seu jogo para valer, é comum apagar esses console.log para que ninguém veja a resposta tão fácil.
let chute = prompt('Qual o número?');
console.log('O valor digitado foi: ', chute); // Isso ajuda a conferir se o prompt funcionou
Use para dar o feedback do jogo.
if (chute == numeroSecreto) {
alert('Você venceu!');
} else {
alert('Tente novamente!');
}
Sim, se você deixar um console.log(numeroSecreto) no código, qualquer usuário que abrir o console do navegador verá a resposta. No mundo do desenvolvimento real, informações sensíveis (como senhas ou segredos de estado) nunca ficam no JavaScript do navegador; elas ficam protegidas em servidores. Como estamos aprendendo a lógica agora, o console é seu melhor amigo para entender o que acontece "por baixo dos panos"!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!