JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div"></div>

JavaScript

var div = document.getElementById('div');
var texto = 'FELIZ NATAL!';
var escrevendo = true;
function escrever(str, el) {
  var char = str.split('').reverse();
  var typer = setInterval(function() {
    if (escrevendo) {
      if (!char.length) {
        return clearInterval(typer);
      }
      var next = char.pop();
      el.innerHTML += next;
      if (el.innerHTML.length == str.length) {
        escrevendo = false;
      }
    } else {
      str = str.substring(0, str.length - 1);;
      el.innerHTML = str;
    }
  }, 100);
}
escrever(texto, div);