JSFiddle - React, Tailwind, and code Playground

by Wesley Santos

HTML

<div id="message-list">

</div>

JavaScript

function escrever(texto) {
			return new Promise((sucess, error) => {
            let div  = document.getElementById('message-list');    
            let char = texto.split('').reverse();
            
            let typer = setInterval(function() {
              if (!char.length){
              	sucess(true);
                return clearInterval(typer);
              } 
              let next = char.pop();
              div.innerHTML += next;
            }, 50);
      })
}

escrever("Texto de teste")
.then(() => {escrever("Outro texto de teste")});