JSFiddle - React, Tailwind, and code Playground

by hoolymama

HTML

<script src="https://cdn.jsdelivr.net/gh/dlcnine/[email protected]/dist/typewriter.min.js"></script>
<div id="target0"></div>
<div id="target1"></div>
<div id="target2"></div>
<div id="target3"></div>
<div id="target4"></div>
<div id="target5"></div>
<div id="target6"></div>
<div id="target7"></div>
<div id="target8"></div>
<div id="target9"></div>

JavaScript

const tw = []
for (i=0;i<10;i++) {
	const id = '#target'+i
	tw.push(new TypeWriter(id))
}

tw.forEach((t,i) => {
	t.wait(i*100).write('The quick brown fox jumped over the lazy dog')
})