JSFiddle - React, Tailwind, and code Playground

by DefuZe

HTML

<div class="js--text-cont">test</div>

JavaScript

const cont = document.querySelector('.js--text-cont');
const text = 'Набираемая строка с каким-то текстом, которая посимвольно (с рандомной задержкой) появляется в указанном контейнере';
let p = 0;

function printSmbl() {
    const timeout = Math.round(Math.random() * 100);
    cont.innerHTML += text[p];
    p++;
    if (p < text.length) {
        setTimeout(printSmbl, timeout);
    }
}

setTimeout(printSmbl, 100);