JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

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

CSS

#intro1 {
font-family: 'Press Start 2P', cursive; 
font-size: 80px; 
display: block; 
text-align: center; 
margin-bottom: auto;
margin-top: auto;
top: 50%;
}

JavaScript

var index = 0;
var text = 'Hardcode';
var k;
// Here you can put in the text you want to make it type.
k=setInterval(function(){type()},3000);
function type()
{
$("#intro1").html += text.charAt(index);
    index++;


// The time taken for each character here is 100ms. You can change it if you want.

}