Na programação de computadores, Imprimir é um comando usado para exibir algum tipo de texto na tela. Pode ser usado para exibir texto (string), uma variável, números ou cálculos matemáticos. Uma das primeiras coisas que muitos programadores aprendem é como usar um comando Imprimir para criar um programa que exibe "Hello World!". Ao contrário de outras linguagens de programação, o Javascript é processado em um navegador da web. Javascript não tem um comando de impressão simples como muitas outras linguagens. No entanto, há muitas maneiras de exibir texto no documento HTML, em uma janela de alerta ou no console. Você também pode usar Javascript para imprimir de uma impressora.
Passos
Método 1 de 4: usando InnerHTML
Etapa 1. Digite <p id = no corpo do seu documento HTML
Esta é a tag HTML de abertura para texto de parágrafo com um id específico.
Para obter mais informações sobre como escrever código HTML, consulte Como criar uma página da Web simples com HTML
Etapa 2. Digite um nome para o elemento de parágrafo entre aspas seguidas de>
Isso atribui ao elemento de texto do parágrafo um ID que pode ser recuperado em Javascript. Por exemplo,"
".
Você também pode usar outros elementos de texto HTML, como um cabeçalho {{kbd |
Etapa 3. Digite
imediatamente após o"
marcação.
Isso adiciona uma tag de fechamento para o elemento HTML do parágrafo de abertura
Etapa 4. Pressione ↵ Enter
Isso adiciona uma nova linha ao seu HTML.
Etapa 5. Digite e pressione ↵ Enter
Esta é a tag de abertura do seu Javascript. Toda a codificação Javascript deve ir após esta tag.
Etapa 6. Digite document.getElementById
Este é o código javascript para chamar um elemento HTML por seu ID.
Etapa 7. Digite o ID do elemento do parágrafo entre aspas entre parênteses
Se o seu elemento de parágrafo for"
", seu código javascript seria" document.getElementById ("math") ".
Etapa 8. Digite. InnerHTML = após o parêntese
Este comando é usado para exibir saídas de texto usando o elemento HTML.
Etapa 9. Digite o que deseja imprimir seguido por um ponto e vírgula (;
).
Você pode exibir texto, uma variável, números ou uma equação matemática.
Por exemplo, digite "document.getElementById (" demo "). InnerHTML = 27 + 33;" para imprimir a soma de 27 + 33
Etapa 10. Pressione ↵ Enter e digite
Esta tag fecha seu código Javascript. Digite esta tag quando terminar, insira todas as suas linhas de Javascript. Ao carregar o documento HTML em um navegador da web, ele será impresso dentro do documento HTML.
Método 2 de 4: usando um alerta de janela
Etapa 1. Digite o corpo do seu documento HTML
Esta é a tag de abertura do seu Javascript.
Etapa 2. Pressione ↵ Enter e digite o alerta
Este é o comando javascript para abrir um alerta de janela pop-up.
Etapa 3. Digite o que deseja imprimir entre parênteses
Você pode digitar um texto, uma variável, números ou uma equação matemática. Por exemplo, "alert (" Hello Sweety! ")" Para exibir "Hello Sweety!" em uma janela pop-up.
Etapa 4. Adicione um ponto e vírgula (;
) no fim.
Isso fecha sua linha de Javascript. A linha inteira deve ser semelhante a "alert (" Hello Sweety! ");".
Etapa 5. Pressione ↵ Enter e digite
Esta tag fecha seu código Javascript. Digite esta tag quando terminar de inserir todas as suas linhas de Javascript. Quando você carrega seu documento HTML em um navegador da web, ele exibe o texto que você deseja imprimir em uma janela pop-up.
Você também pode criar um botão que exibe o texto impresso em uma janela pop-up. Para isso, digite "Texto do botão"
Método 3 de 4: usando o registro do console
Etapa 1. Digite o corpo do seu documento HTML
Esta é a tag de abertura do seu Javascript.
Etapa 2. Pressione ↵ Enter e digite console.log
Este é o comando javascript para um log do console. Um log de console é a coisa mais próxima de um comando de impressão no sentido típico de codificação. Ele não exibe texto em sua página da web, mas exibe texto dentro do console quando você executa seu HTML / Javascript em um navegador da web. Isso é útil para depuração.
Etapa 3. Digite o texto que deseja registrar entre parênteses
Pode ser um texto (uma string), uma variável, números ou uma equação matemática. Por exemplo, console.log (estou imprimindo em Javascript).
Etapa 4. Adicione um ponto e vírgula (;
) no fim.
Isso fecha sua linha de Javascript. A linha inteira deve ser semelhante a "nowiki> console.log (estou imprimindo em Javascript)
Etapa 5. Pressione ↵ Enter e digite
Esta tag fecha seu código Javascript. Digite esta tag quando terminar de inserir todas as suas linhas de Javascript.
Etapa 6. Salve seu documento HTML
Use as etapas a seguir para salvar seu documento HTML.
- Clique Arquivo na parte superior do seu editor de texto ou programa de edição de HTML.
- Clique Salvar como.
- Digite um nome de arquivo para o documento HTML.
- Certifique-se de salvar como um documento ".html".
- Clique Salve .
Etapa 7. Abra o documento HTML em um navegador da web
Abra qualquer navegador de sua escolha e digite o local do arquivo do documento HTML na barra de endereço na parte superior. Isso abrirá o documento HTML em seu navegador da web.
Etapa 8. Pressione F12
Isso abre o modo de desenvolvedor em seu navegador da web. Você verá uma nova janela com os códigos HTML, CSS e Javascript exibidos.
Etapa 9. Clique em Console
Ele está no topo da janela do modo de desenvolvedor.
Etapa 10. Atualize seu navegador
Etapa 1. Digite <button onclick = no corpo do seu documento HTML
Esta é a tag HTML de abertura para criar um botão em seu HTML.
Etapa 2. Digite "window.print ()"> após o sinal de igual (=)
O comando "window.print ()" é o comando Javascript para imprimir o conteúdo da janela do seu navegador. O colchete (>) finaliza a tag de abertura do botão HTML.
Etapa 3. Digite o texto que deseja inserir no botão
Isso deve ir logo após o colchete (>). Por exemplo, você pode digitar "Clique aqui para imprimir" ou algo semelhante.
Etapa 4. Digite
Isso fecha o elemento do botão HTML. Quando você renderiza seu HTML em um navegador da web, ele cria um botão no qual você pode clicar para imprimir o conteúdo do seu navegador.
