Saída do JavaScript

Em alguns casos, você pode precisar gerar saída a partir do código JavaScript. Por exemplo, você pode querer verificar o valor de uma variável, ou escrever uma mensagem no console do navegador para ajudar a depurar problemas no código JavaScript em execução, entre outros.

Neste tutorial, você aprenderá como gerar saída no JavaScript.

Métodos de geração de saída do JavaScript

O JavaScript pode exibir dados de várias maneiras:

• Escrever em elementos HTML usando innerHTML

• Escrever no fluxo do documento usando document.write()

• Mostrar caixa de alerta usando window.alert()

• Escrever no console do navegador usando console.log()

Usar innerHTML

Você pode usar a propriedadeinnerHTMLpropriedade para escrever ou inserir saída dentro do elemento HTML.

Mas, antes de escrever a saída, precisamos usargetElementById()e métodos semelhantes para escolher elementos.

<p id="msg"></p>
<p id="output"></p>
<script>
document.getElementById("msg").innerHTML　=　"Olá World";
document.getElementById("output").innerHTML　=　20　+　30;
</script>

Usar innerHTML para alterar o conteúdo HTML do elemento, é um método comum para exibir dados no HTML.

Usar document.write()

Você só pode usardocument.write()O método que analisa o conteúdo no documento atual.

<script>
document.write("Olá mundo<br>");
document.write("}}")20　+　30);
</script>

Sedocument.write()Use este método após o carregamento da página, ele substituirá todo o conteúdo existente no documento.

<script>
function myFunc() {
　　　document.write("<p>test document.write().</p>
}
</script>

Use window.alert()

Você também pode usar o diálogo de alerta para exibir mensagens ou dados para o usuário.

Usealert()O método cria um diálogo de alerta.

<button onclick="alert('Hello world');">alert</button>/button>

Use console.log()

Você pode usarconsole.log()Métodos para exportar mensagens ou escrever dados no console do navegador de forma fácil.

Este console pode ser usado para fins de teste ou depuração.

<script>
console.log("Hello world");
console.log(20　+　30);
</script>

Para acessar o console do navegador da Web, primeiro pressioneF12Pressione a tecla no teclado para abrir o Ferramentas do Desenvolvedor, então clique na guia Console.

Você vai aprender mais sobre depuração na parte posterior deste tutorial.