Meios de exibir dados para o usuário


Exibir dados para os usuários em JavaScript é uma parte crucial do desenvolvimento web. Existem vários métodos para realizar essa tarefa, e cada um possui características específicas.

Método console.log()

Imprimir um valor na tela do terminal (console).

Sintaxe

console.log([objeto], [valor]);

Exemplo

  • Imprimir uma string no console:
console.log("Luiz Otávio"); // Luiz Otávio
 
console.log("Luiz Otávio"); // Luiz Otávio
 
console.log(`Luiz Otávio`); // Luiz Otávio
  • Imprimir as aspas em uma string no console:
console.log("Luiz 'Otávio'"); // Luiz 'Otávio'
 
console.log('Luiz "Otávio"'); // Luiz 'Otávio'

Nota

Para utilizar aspas dentro de uma string é necessário utilizar um tipo de aspas para declarar a String e a outra para ser impressa no console.

  • Imprimir um número no console:
console.log(123456); // 123456 = Number

Importante

não utilizar aspas (simples ou duplas), pois com isso o número é convertido em string.

  • Imprimir uma sequência de valores sem pular linha:
console.log(12, 15.85, "Luiz Otávio"); // 12 15.85 Luiz Otávio

Método alert()

O método alert() é um atalho para o método window.alert(). Esse método está disponível apenas no navegador.

Sintaxe

alert([mensagem]);

Método confirm()

O método confirm() é um atalho para o método window.confirm(). Essa função retorna um valor booleano, sendo true quando o usuário clicar no botão OK e false quando ele clicar no botão Cancelar. Esse método está disponível apenas no navegador.

Sintaxe

confirm([mensagem]);

Método prompt()

O método prompt() é um atalho para o método window.prompt(). Esse método retorna o valor inserido na caixa de texto da janela do prompt. Esse método está disponível apenas no navegador.

Sintaxe

prompt([mensagem]);

Referências