Ilustração de um computador. Work illustrations by Storyset.

Estudos em Javascript

Comandos Básicos

Comandos são instruções para que o navegador execute determinadas funções. Abaixo estão alguns comandos básicos em Javascript.

window.alert("Essa é uma mensagem de Alerta!");

Esse comando abre uma janela de alerta na página.

window.confirm("Essa é uma mensagem de Confirmação!");

Esse comando abre uma janela de confirmação na página.

window.prompt("Qual é seu nome?");

Esse comando abre uma janela com um input para entrada de texto.

texto.style.color = "#3a4669";

Muda a cor do texto do objeto.

Esse texto vai mudar de cor!

texto.style.background = "#3a4669";

Muda a cor de fundo do elemento.

O fundo desse texto vai mudar de cor!

texto.innerText = "Mudou!";

Adiciona ou muda o texto do objeto.

Esse texto vai mudar!

innerText Acessa o texto sem as childs (sem formatação).
innetHTML Acessa as tags de formatação.

texto.length;

Conta quantos caracteres o texto possui, contabilizando também os possíveis espaços no começo e final do texto.

É possível utilizar o método trim() para que os espaços nas extremidades do texto não sejam contados (porém espaços no meio do texto ainda são entendidos como caracteres).

texto.trim().length;

Quantas letras o texto tem?

texto.toUpperCase();

texto.toLowerCase();

Transforma o texto em maiúsculas ou minúsculas (respectivamente).

Esse Texto Vai Se Transformar!

texto.repeat(3);

Retorna a quantidade definida de cópias do texto, no caso de exemplo acima, o texto irá se repetir 3 vezes. Não altera o texto original, gera uma nova string.

3x