Como exibir a saída em JavaScript
Este artigo demonstrará como exibir a saída em JavaScript usando o console.log (), documento.write (), documento.getElementById () e janela.função alert (). Então, vamos começar este guia!
Quais são as possibilidades para exibir a saída em javascript
Você pode exibir a saída em JavaScript usando qualquer uma das seguintes maneiras:
- Para Exibir saída no navegador console, você pode usar o “console.registro()”Função.
- Para escrever Html e exibir seu saída, você pode usar o “documento.escrever()”Função.
- Para escrever em um Elemento HTML e exibir sua saída, você pode usar o “documento.getElementById ()”Função com o“.Innerhtml" propriedade.
- Mostrar saída em um Caixa de alerta, você pode usar o “janela.alerta()”Função.
Como exibir a saída em javascript usando console.registro()
Em JavaScript, o “console.registro()”A função é utilizada para exibir qualquer saída ou imprimir os valores de qualquer variável definida no programa. O "registro()”Método no console.log () leva o parâmetro que compreende os dados que você deseja produzir. A maioria dos desenvolvedores de JavaScript usa a função especificada para listar erros e fins de depuração.
Sintaxe do console.registro()
Aqui está a sintaxe do console.log () em javascript:
console.log ("parâmetro")O "console.registro()”Função aceita um“Parâmetro,”Que pode ser qualquer mensagem, objeto ou matriz, e ele retorna ou produz o valor do parâmetro fornecido para a janela do console.
Exemplo: exibindo saída em javascript usando console.registro()
No exemplo abaixo, usaremos o console.Função de log () para produzir o “Isso é Linuxhint.com”Mensagem em nossa página da web. Para esse fim, criaremos um “TestFile.html”Arquivo em nosso editor de código favorito, como o código VS e, em seguida, escreva o seguinte código nele:
Depois de adicionar o código, pressione “Ctrl+s”Para salvar o código adicionado no“TestFile.html”. Em seguida, clique no seu arquivo e abra-o em seu navegador favorito clicando duas vezes no arquivo html.
Uma página da web em branco será aberta para o seu “TestFile.html" arquivo. No menu do clique com o botão direito, escolha o “Inspecionar”Opção para abrir as ferramentas do desenvolvedor diretamente do seu navegador:
Agora, vá para o “Console“Guia das opções do desenvolvedor. Ele exibirá a mensagem que adicionamos como um parâmetro ao “console.registro()”Função:
Como exibir a saída em JavaScript usando o documento.escrever()
Em JavaScript, o “documento.escrever()”A função é usada para inserir qualquer conteúdo ou código JavaScript em um documento. O "documento.escrever()”A função remove todo o conteúdo existente do documento HTML e o substitui pelo novo conteúdo adicionado como um parâmetro. Este método é empregado principalmente para fins de teste.
Sintaxe do documento.escrever()
Agora, confira a sintaxe do documento.Write () função:
documento.Escreva (Exp1, Exp2,…)O "documento.escrever()”A função pode conter vários parâmetros. Os argumentos de expressão como “Exp1" e "EXP2”Será exibido como saída em sua sequência adicionada.
Exemplo: exibindo saída em javascript usando o documento.escrever()
No exemplo a seguir, assim que nossa página da web é carregada, o “documento.escrever()”A função limpará todos os dados da página da web e a reescreverá com o conteúdo que adicionamos como parâmetro:
Linuxhint
Como adicionamos “Isso é Linuxhint.com”Como um parâmetro em nosso“documento.escrever()”Função, ele exibirá a seguinte saída:
Como exibir a saída em JavaScript usando o documento.getElementById ()
O "documento.getElementById ()”Em JavaScript é utilizado para devolver o objeto de elemento, cujo“Eu ia”É combinado com a string fornecida. Os IDs do elemento são úteis para acessar rapidamente o elemento especificado e, portanto, eles podem ser usados com o “.innerhtml ” propriedade para escrever ou exibir sua saída.
Sintaxe do documento.getElementById ()
Vamos dar uma olhada na sintaxe do documento.getElementById () função em javascript:
documento.getElementById (id)Aqui, o atributo “eu ia”Define o elemento HTML que pode ser usado para inserir ou escrever saída dentro do elemento especificado:
Exemplo: exibindo saída em javascript usando o documento.getElementById ()
No exemplo a seguir, adicionamos um elemento com o eu ia "teste". Depois de fazer isso, o “documento.getElementById (teste)”O método selecionará nosso elemento HTML tendo id =““teste”. Então o ".Innerhtml”A propriedade é adicionada para escrever a string especificada nela:
Linuxhint
A imagem abaixo foi dada indica que adicionamos com sucesso o “Isso é Linuxhint.com”String em nosso elemento selecionado:
Como exibir a saída em javascript usando janela.alerta()
O janela.alerta() o método exibe saída ou qualquer informação para o usuário. Ele mostra a mensagem adicionada em uma caixa de alerta com o “OK" botão. A caixa de alerta força o usuário a ler a mensagem exibida e o usuário não pode acessar a página da web até que a caixa de alerta seja fechada.
Sintaxe da janela.alerta()
Para usar alertas para sua página da web, siga a sintaxe abaixo:
janela.alerta ("parâmetro")Aqui no "Parâmetro”, Passe as informações que deseja exibir na caixa de alerta adicionada.
Exemplo: exibindo saída em javascript usando janela.alerta()
Neste exemplo, adicionamos uma caixa de alerta que aparecerá na página da web mostrando “Isso é Linuxhint.com”Como seu conteúdo:
Linuxhint
Quando a janela.alert () pop -up aparecerá em nossa página da web e qualquer código escrito após a janela.alert () não é executado até você fechar o alerta pressionando o “OK" botão:
Conclusão
Este artigo discutiu como Exibir saída em JavaScript usando console.registro(), documento.escrever(), documento.getElementById (), e janela.alerta() funções. O procedimento de uso do console.log (), documento.write (), documento.getElementById () e janela.As funções alert () para exibir saída em javascript também são demonstradas neste artigo. Com base em suas preferências, você pode gerar e exibir saída em JavaScript, escrevendo saída para um elemento HTML, exibindo saída em caixas de alerta ou a janela do console do navegador.