Fake typing animation with async/await

simulateTyping.js

async function nextFrame() {
    return new Promise((resolve) => {
        requestAnimationFrame(resolve)
    })
}
async function randomDelay(min, max) {
    const delay = Math.random() * (max - min) + min;
    const startTime = performance.now()

    while (performance.now() - startTime < delay) {
        await nextFrame()
    }
}

async function simulateTyping({string, target, min = 10, max = 80}) {
    for (const letter of string) {
        target.insertAdjacentText("beforeend", letter)
        await randomDelay(min, max)
    }
}