JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<div class="caja" id="caja">

CSS

.caja {position:relative;
       top:100px;
    left:100px;
    width:300px;
    height:100px;
    background-color:#0b72c6;
    color:#fff;
    padding:10px;
}

JavaScript

var uno="Hola esto que estan viendo es el efecto llamado maquina de escribir hecho en javascript, es sencillo pero interesante para aplicarlo en alguna pagina ademas para los que estan comenzando es bastante interesante ver como funciona";

var a=0;
var tres="";

function escribir (){
  var dos=uno.charAt(a);
  a++;
  tres=tres+dos;
  document.getElementById("caja").innerHTML=tres;
}

setInterval(function(){
    escribir()
}, 100)