Impress your friends by typing fast in 10fastfingers.com

fastfinger.js

function delay(ts = 100) {
    return new Promise((resolve) => {
        setTimeout(resolve, ts)
    })
}

async function typeWord({ word, delayMs = 300 } = {}) {

    if (!word) {
        console.log('Word is undefined')
    }

    const inputEl = document.querySelector('#inputfield')

    if (!inputEl) {
        console.log('Input does not exist')
    }

    const splitWord = word.split('')

    for (let letter of splitWord) {
      inputEl.value += letter
      await delay(delayMs)
    }

    inputEl.value += " "

    // https://stackoverflow.com/a/3368599/185771
    const kEvent = new Event('keyup')
    kEvent.which = 32;
    inputEl.dispatchEvent(kEvent);
    
}
async function typeFast({typeSpeed = 600, delayMs = 3000 } = {}) {
    const currentElement = document.querySelector('#row1 .highlight');
    
    if (!currentElement) {
      console.log("This element does not exist. End of game?")
    }

    const currentWord = currentElement.textContent

    await typeWord({ word: currentWord, delayMs : typeSpeed })
    await delay(delayMs)
    typeFast({ typeSpeed, delayMs })
}

// Uncomment to run
// typeFast({typeSpeed: 20, delayMs: 100})