From b55e10d57b086197d19eb2c013d7724dd0d48569 Mon Sep 17 00:00:00 2001
From: Dmitry Sharabin <dmitrysharabin@gmail.com>
Date: Mon, 16 Sep 2024 23:19:58 +0200
Subject: [PATCH] Make the game playable with the keyboard

Co-Authored-By: Lea Verou <175836+leaverou@users.noreply.github.com>
---
 index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/index.html b/index.html
index f055974..50170b9 100644
--- a/index.html
+++ b/index.html
@@ -72,6 +72,7 @@ <h1 aria-label="Mavordle">
 					<button mv-list-item mv-group
 						mv-action="if(guessLength < 5, add(group('letter': key), usedLetters) & add(key, guessLetters))"
 						mv-attribute="none"
+						id="key-[key]"
 						class="[if(attempt > 1, if(contains(join(guesses), key), if(key in correctLetters, correct, if(contains(hiddenWord, key), elsewhere, absent))))]"
 						style="--row: [row]"
 						disabled="[isOver]">[key]</button>
@@ -236,6 +237,23 @@ <h2>Next Mavordle</h2>
 		</section>
 	</footer>
 
+	<script>
+		// Make the game playable with the keyboard
+		document.addEventListener("keyup", event => {
+			let key = document.getElementById("key-" + event.key.toLowerCase());
+			if (key) {
+				event.preventDefault();
+				key.click();
+			}
+			else if (event.key === "Enter") {
+				document.getElementById("enter").click();
+			}
+			else if (event.key === "Backspace") {
+				document.getElementById("bs").click();
+			}
+		});
+	</script>
+
 </body>
 
 </html>