Se o alert() é como um bilhete colado na tela do usuário, o console.log() é como um diário secreto do programador. Ele não interrompe a página, não irrita o visitante e ainda entrega informações preciosas direto para você, desenvolvedor.
Quer aprender a usá-lo para testar, depurar e entender melhor seu código? Então vamos nessa!
O que é o console.log() e para que serve?
O console.log() é uma função nativa do JavaScript usada para enviar mensagens e informações para o console do navegador.
Ele é muito útil para:
- Testar e verificar se o código está funcionando.
- Mostrar o valor de variáveis em tempo real.
- Acompanhar o fluxo de execução do programa.
- Depurar erros sem interromper a experiência do usuário.
Como abrir o console no navegador
- Abra qualquer página no seu navegador (Google Chrome, Firefox, Edge...).
- Pressione F12 no teclado.
- Vá até a aba Console.
- Tudo que você enviar com console.log() vai aparecer ali.
Exemplo prático do console.log()
Como o código funciona?
- O JavaScript está entre as tags <script> e </script>.
- Assim que a página carrega, o código é executado.
- A função console.log() envia o texto para o console do navegador.
- Você abre o console e vê exatamente a mensagem: Essa mensagem aparece no console do navegador.
Por que usar console.log() é tão importante?
- Discreto: o usuário não vê a mensagem, apenas você.
- Poderoso: pode exibir números, textos, objetos e até resultados de cálculos.
- Indispensável: é o jeito mais simples e rápido de depurar código.
Dica de ouro:
Além de texto, você pode passar variáveis, fazer cálculos e até exibir fados formatados. Exemplo:
O console.log() é como um raio-x do seu código. Ele revela o que está acontecendo "nos bastidores" sem atrapalhar o funcionamento da página. Se você quer aprender JavaScript de verdade, essa é uma ferramenta que precisa estar na sua caixa de ferramentas desde o dia 1.
Comentários
Postar um comentário