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)
    }
}

// Example

simulateTyping({
  string: "hello world",
  target: document.querySelector(".fake-input"),
}).then(() => console.log("done"))

@rik rookie q:
how would you get it to "erase" typing, then loop through an array of strings