Como imprimir em JavaScript | Explicado com exemplos
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.