From 54d61d712d3771b11e72690dff8e3c80aa3e1283 Mon Sep 17 00:00:00 2001
From: Wade Pedersen <wmpedersen@users.noreply.github.com>
Date: Sat, 3 Feb 2024 20:42:30 -0500
Subject: [PATCH] insert on keydown

---
 assets/scripts/keyboard.js | 4 ++--
 assets/scripts/practice.js | 2 +-
 assets/scripts/spelloff.js | 2 +-
 assets/scripts/youtube.js  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/scripts/keyboard.js b/assets/scripts/keyboard.js
index 91f3a383..97ea2417 100644
--- a/assets/scripts/keyboard.js
+++ b/assets/scripts/keyboard.js
@@ -48,7 +48,7 @@ var submissionLst = [];
 KEYBOARD_EL.innerHTML = `<div id="keyboard-cont">
     <div class="first-row">
         <button class="keyboard-button boxed" id="q">Q</button>
-        <button class="keyboard-button boxed" id="q">W</button>
+        <button class="keyboard-button boxed" id="w">W</button>
         <button class="keyboard-button boxed" id="e">E</button>
         <button class="keyboard-button boxed" id="r">R</button>
         <button class="keyboard-button boxed" id="t">T</button>
@@ -413,6 +413,7 @@ document.addEventListener("keydown", (e) => {
     if (!found || found.length > 1) {
         return
     } else if (document.querySelector(`#${pressedKey.toLowerCase()}`) && !document.querySelector(`#${pressedKey.toLowerCase()}`).classList.contains("clicked")) {
+        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.add("clicked")
         return;
     } else {
@@ -440,7 +441,6 @@ document.addEventListener("keyup", (e) => {
     if (!found || found.length > 1) {
         return
     } else {
-        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.remove("clicked");
         return;
     }
diff --git a/assets/scripts/practice.js b/assets/scripts/practice.js
index 608e6ceb..3e93dc60 100644
--- a/assets/scripts/practice.js
+++ b/assets/scripts/practice.js
@@ -296,6 +296,7 @@ document.addEventListener("keydown", (e) => {
     if (!found || found.length > 1) {
         return
     } else if (document.querySelector(`#${pressedKey.toLowerCase()}`) && !document.querySelector(`#${pressedKey.toLowerCase()}`).classList.contains("clicked")) {
+        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.add("clicked")
         return;
     } else {
@@ -323,7 +324,6 @@ document.addEventListener("keyup", (e) => {
     if (!found || found.length > 1) {
         return
     } else {
-        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.remove("clicked");
         return;
     }
diff --git a/assets/scripts/spelloff.js b/assets/scripts/spelloff.js
index e1956264..cc4f11bd 100644
--- a/assets/scripts/spelloff.js
+++ b/assets/scripts/spelloff.js
@@ -279,6 +279,7 @@ document.addEventListener("keydown", (e) => {
     if (!found || found.length > 1) {
         return
     } else if (document.querySelector(`#${pressedKey.toLowerCase()}`) && !document.querySelector(`#${pressedKey.toLowerCase()}`).classList.contains("clicked")) {
+        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.add("clicked")
         return;
     } else {
@@ -306,7 +307,6 @@ document.addEventListener("keyup", (e) => {
     if (!found || found.length > 1) {
         return
     } else {
-        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.remove("clicked");
         return;
     }
diff --git a/assets/scripts/youtube.js b/assets/scripts/youtube.js
index e34b878e..d521a372 100644
--- a/assets/scripts/youtube.js
+++ b/assets/scripts/youtube.js
@@ -270,6 +270,7 @@ document.addEventListener("keydown", (e) => {
     if (!found || found.length > 1) {
         return
     } else if (document.querySelector(`#${pressedKey.toLowerCase()}`) && !document.querySelector(`#${pressedKey.toLowerCase()}`).classList.contains("clicked")) {
+        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.add("clicked")
         return;
     } else {
@@ -297,7 +298,6 @@ document.addEventListener("keyup", (e) => {
     if (!found || found.length > 1) {
         return
     } else {
-        insertLetter(pressedKey)
         document.querySelector(`#${pressedKey.toLowerCase()}`).classList.remove("clicked");
         return;
     }