As principais formas de exibir informações com JavaScript: console.log, alert e innerHTML
JavaScript tem algumas formas de exibir informações. Cada uma serve para um contexto diferente.
Exibe a informação no console do navegador. É a forma mais usada no dia a dia para testar e depurar código.
1console.log("Olá, mundo!"); 2console.log(42); 3console.log(2 + 2);
Para abrir o console: F12 ou clique direito na página e escolha "Inspecionar", depois vá na aba "Console".
Exibe uma caixa de diálogo no navegador com uma mensagem.
1alert("Bem-vindo!");
Útil para demonstrações rápidas, mas interrompe a execução da página. Não é usado em produção.
Insere conteúdo dentro de um elemento HTML da página.
1<p id="resultado"></p> 2 3<script> 4 document.getElementById
É a forma mais usada para exibir informações dinamicamente na interface.
Escreve diretamente no documento HTML.
1document.write("Olá!");
Se chamado depois que a página já carregou, apaga todo o conteúdo existente. Por isso, raramente é usado fora de exemplos didáticos.
| Método | Onde aparece | Uso comum |
|---|---|---|
console.log() | Console do navegador | Depuração e testes |
alert() | Caixa de diálogo | Demonstrações rápidas |
innerHTML | Na página | Atualizar a interface |
document.write() | Na página | Apenas exemplos didáticos |