Como imprimir em JavaScript | Explicado com exemplos

Como qualquer outra linguagem de computação, o JavaScript fornece uma variedade de maneiras de imprimir a saída. Como aluno de JavaScript, você encontrou o console.Método log () para imprimir a saída. No entanto, o interior.Propriedade HTML, janela.Método alert () e documento.Write () Métodos também podem ser usados ​​para fins de impressão em JavaScript.

Em nosso guia de hoje, forneceremos uma visão profunda de todas as abordagens possíveis para imprimir em JavaScript.

Vamos cavar esses métodos um por um.

Método 1: Console.Método log ()

O console.registro() O método é a maneira mais usada de imprimir em JavaScript. Pode ser usado para imprimir as cordas, objetos ou qualquer outra saída no console. O código JavaScript funcionará no console; Portanto, o console.O método log () não pode ser usado para executar qualquer integração HTML ou CSS com o JS.

A sintaxe deste método é descrita abaixo:

Sintaxe

console.log (mensagem);

O exemplo a seguir é realizado para imprimir uma mensagem em JavaScript com base no console.registro() método.

Código

console.log ("Um exemplo para usar o console.log () em javascript ")
console.log ("Bem -vindo ao JavaScript");

Neste código, o console.registro() O método é empregado para imprimir uma mensagem na janela do console.

Saída

A saída mostra que duas declarações que foram usadas com o console.O método log () é impresso no console.

Método 2: Documento.Método Write ()

O documento.escrever() é outra abordagem usada para imprimir a saída em um navegador usando JavaScript. Por exemplo, o método é utilizado para adicionar conteúdo à página HTML. A comunidade de desenvolvedores utiliza esse método para fins de teste ou depuração. A sintaxe do documento.Write () Método é descrito abaixo:

Sintaxe

documento.Escrever mensagem);

O mensagem O parâmetro passado para este método será impresso no console.

Para uma melhor compreensão desse método, vamos dar uma olhada no código de exemplo a seguir:

Código

Um exemplo de uso do documento.write () em javascript

No código acima, o documento.Write () O método é usado dentro das tags.

Saída

A saída mostra que o “Bem-vindo para javascript”O texto é impresso no navegador.

Método 3: Interior.Propriedade HTML

O interno.Html A propriedade é famosa por imprimir uma mensagem em um documento HTML. No método, a identificação exclusiva do elemento é passada para obter o elemento HTML no documento.

Sintaxe

documento.getElementById ("p").inerhtml = "mensagem";

A descrição dos parâmetros é dada abaixo:

• getElementById: Identifique o único eu ia do elemento HTML.
• mensagem: representa as informações específicas a serem impressas em JavaScript.

O código de exemplo para a propriedade Innerhtml é fornecido abaixo.

Código

Um exemplo para usar o Innerhtml em JavaScript

A descrição do código é a seguinte.

• Uma mensagem geral é exibida usando o título

  Tag.

• Depois disso, uma identificação única “p”Está atribuído ao elemento de parágrafo.
• Além disso, a string “Bem -vindo ao JavaScript”É atribuído usando o Innerhtml propriedade.

Saída

A saída exibe a mensagem “Bem -vindo ao JavaScript”Ao empregar o Innerhtml Propriedade em JavaScript.

Método 4: Janela.Método alert ()

Outra abordagem para imprimir uma mensagem é possível através do janela.alerta() método. É útil para a validação de formulário e confirmação de qualquer ação do usuário no navegador. A sintaxe da janela.O método alert () é o seguinte:

Sintaxe

janela.alerta ("mensagem");

O argumento da mensagem será exibido como uma mensagem de alerta.

Exemplo

Um exemplo é utilizado para aparecer a janela pelo janela.alerta() Método em JavaScript.

Código

Um exemplo para usar a janela.alert () em javascript

Neste código:

• Uma mensagem é exibida usando o cabeçalho

  marcação.

• Depois disso, o alerta() o método é empregado dentro do Tag.
• Finalmente, a string “Bem -vindo ao JavaScript”É passado para o alerta() método.

Saída

A saída da execução do código acima representa uma janela pop-up. Nesta janela, a corda que passa “Bem -vindo ao JavaScript” é impresso como um alerta para o usuário.

Dica de bônus: outros métodos de console para imprimir em JavaScript

Além do consol.Método de log, existem vários outros métodos que são auxiliados pelo objeto de console do JavaScript. Eles são usados ​​para vários propósitos e são impressos no console. A tabela a seguir contém todos esses métodos juntamente com suas descrições e sintaxes:

Método	Sintaxe	Descrição
claro()	console.claro()	Este método limpa o console.
erro()	console.erro()	Imprime uma mensagem de erro.
info ()	console.info ()	Imprima mensagens informativas.
avisar()	console.avisar()	Exibe um aviso no console.
afirmar()	console.afirmar()	Mensagem de erro se e somente se a afirmação for falsa.

É isso deste guia. Você aprendeu a imprimir em JavaScript através de vários métodos possíveis.

Conclusão

Conclui -se que quatro abordagens diferentes nomeadas documento.escrever(), Innerhtml, janela.alerta, e console.registro() pode ser empregado para imprimir informações em javascript. As informações podem incluir strings, propriedades de objeto, saída calculada, etc. O console suporta métodos adicionais, incluindo console.warn (), console.info (), console.erro(). Também demonstramos o objetivo e a sintaxe desses métodos.