Clique sobre os tópicos listados abaixo para navegar até o conteúdo desejado.

  1. Exibir informações com Alert
  2. Exibir informações com Log
  3. Exibir informações com innerHTML

A saída de dados em TS pode ser feita utilizando a função log ou pela integração com HTML por intermédio da tag innerHTML. A entrada de dados em TS é feito por intermédio do uso de HTML que não será abordado neste tutorial.

A linguagem TS tem suporta a interpolação e formatação de dados. Esses assuntos serão vistos em TS Básico: Interpolação e Formatação de dados.

Com a função log, podemos exibir informações na aba Console da Ferramentas de Desenvolvedor de um navegador Web utilizado.

Quando usados mais de um valor é utilizado para exibição, esses valores são exibidos de forma tabular.

Sintaxe
console.log(value1);

console.log(value1, value2, valueN);
Onde
value1...N: mensagem ou valor que desejamos exibir
Exemplo 1
console.log('uma string qualquer');

let produto:string = 200;
let preco:number = 1.99
console.log(`codigo:${produto} preço:${preco}`); //interpolação
Saída
uma string qualquer
codigo:200 preço:1.99

O uso da função log sera utilizada ao longo do tutorial. Compiladores online também serão utilizados para agilizar o estudo.

  1. 27/08/2025 - revisão 2 - Ajustes: pontuais, Ex. 1/interpolação, sintaxes e target de links
  2. 13/09/2024 - revisão 1 - Correção em css de trecho Onde
  3. 27/02/2024 - versão inicial