TYPING TEST

Time : 0 s

const RANDOM_QUOTE_API_URL = "http://api.quotable.io/random" const quoteDisplayElement = document.getElementById("quoteDisplay") const quoteInputElement = document.getElementById("quoteInput") const timerElement = document.getElementById("timer") const scoreElement = document.getElementById("score") let timerOn = false quoteInputElement.addEventListener("input", () => { const arrayQuote = quoteDisplayElement.querySelectorAll("span") const arrayValue = quoteInputElement.value.split("") let correct = true let errorCount = 0 arrayQuote.forEach((charSpan, index) => { const char = arrayValue[index] if (char == null) { charSpan.classList.remove("incorrect") charSpan.classList.remove("correct") correct = false } else if (char === charSpan.innerText) { charSpan.classList.add("correct") charSpan.classList.remove("incorrect") if (timerOn == false) { resetTimer() startTimer() timerOn = true } } else { charSpan.classList.add("incorrect") charSpan.classList.remove("correct") correct = false errorCount += 1 } }) if (correct == true) { //if(arrayValue.length>=arrayQuote.length){ scoreElement.innerText = Math.round(60 * (arrayQuote.length - errorCount) / (getTimerTime() * 5)) + " WPM" renderNewQuote() } }) quoteInputElement.addEventListener("keydown", (event) => { if ( event.keyCode == 27) { renderNewQuote() } return; }); function getRandomQuote() { return fetch(RANDOM_QUOTE_API_URL) .then(response => response.json()) .then(data => data.content) } async function renderNewQuote() { const quote = await getRandomQuote() quoteDisplayElement.innerHTML = "" quote.split("").forEach(char => { const charSpan = document.createElement("span") charSpan.innerText = char quoteDisplayElement.appendChild(charSpan) }); quoteInputElement.value = null resetTimer() timerOn = false console.log(timerOn) } let startTime function resetTimer() { timerOn = false timerElement.innerText = 0 + " s" startTime = new Date() } function startTimer() { console.log("timer started"); setInterval(() => { if(timerOn){ timer.innerText = getTimerTime() + " s"} }, 1000) } function getTimerTime() { return Math.floor((new Date() - startTime) / 1000) } function avgLen(x) { var charCount = x.length; var wordCount = x.value.split(" ").length; var whiteSpace = wordCount - 1; var wordArray = x.value.split(" "); var wordAvg = 0; for (var i = 0; i < wordCount; i++) { wordAvg += wordArray[i].length; } var avgLen = wordAvg / wordCount; }; renderNewQuote()