Pular para o conteúdo principal

Postagens

Mostrando postagens de maio, 2018

Texto com efeito de maquina de escrever.

Imagem
Anime um texto usando efeito de maquina de escreve ou alguém digitante, onde cada letra é carregada uma de cada vez. Primeiro crie uma Tag HTML , com uma Class e um pequeno texto. <h2 class="escrever">Estou escrevendo uma frase.</h2> Agora vamos criar o código em Javascript . Primeiro, pegue a frase usando o "querySelector", colocando dentro de uma constante. const texto = document.querySelector(".escrever"); Segundo, vamos criar um objeto construtor, com a função "animar" que recebe um parâmetro "frase". function animar(frase) { } OBS o parâmetro "frase" recebe o valor da constante. Terceiro, será criado outra constante, transformando o texto em um Array usando split , e logo depois transformando o valor em uma string vazia, dessa forma permite que cada letra seja carregada. function animar(frase) {       const textoArray = frase.innerHTML.split('');