Saída do JavaScript

O JavaScript não fornece nenhuma função de impressão ou exibição interna.

Plano de exibição do JavaScript

O JavaScript pode "exibir" dados de várias maneiras:

  • usar window.alert() escrever na caixa de mensagem de aviso
  • usar document.write(); escrever na saída HTML
  • usar innerHTML escrever no elemento HTML
  • usar console.log(); escrever no console do navegador

usar innerHTML

Para acessar o elemento HTML, o JavaScript pode usar document.getElementById(id) método.

id A propriedade define o elemento HTML. A propriedade innerHTML define o conteúdo HTML:

Exemplo

<!DOCTYPE html>
<html>
<body>
<h1>Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Experimente você mesmo

Dica:Alterar a propriedade innerHTML do elemento HTML é um método comum usado para exibir dados no HTML.

Use document.write()

Para fins de teste, use document.write(); Muito conveniente:

Exemplo

<!DOCTYPE html>
<html>
<body>
<h1>Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Experimente você mesmo

Atenção:Use após o carregamento completo do documento HTML document.write(); UseExclua todo o HTML existente :

Exemplo

<!DOCTYPE html>
<html>
<body>
<h1>Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<button onclick="document.write(5 + 6)">Experimente</button>
</body>
</html>

Experimente você mesmo

Dica:document.write(); O método é apenas para teste.

Use window.alert();

Você pode usar a caixa de diálogo de aviso para exibir dados:

Exemplo

<!DOCTYPE html>
<html>
<body>
<h1>Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Experimente você mesmo

Use console.log();

No navegador, você pode usar console.log(); Métodos para exibir dados.

Ative o console do navegador através de F12 e selecione "Console" no menu.

Exemplo

<!DOCTYPE html>
<html>
<body>
<h1>Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Experimente você mesmo