web/wordle-clone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Started working on keyboard input

Browse source
This commit is contained in:
Leon Mika 2025-01-22 22:15:24 +11:00
parent 11f658afcc
commit cfe313c9a3
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/scripts/controllers/keyboard.js
View file

@ -6,6 +6,16 @@ export default class extends Controller {
static targets = [ "key" ];
static outlets = [ "playfield" ];
onKeyPress(ev) {
if ((ev.key >= 'a') && (ev.key >= 'z')) {
ev.preventDefault();
this.playfieldOutlet.tappedKey(ev.key);
} else if ((ev.key >= 'A') && (ev.key >= 'Z')) {
ev.preventDefault();
this.playfieldOutlet.tappedKey(ev.key.toLowerCase());
}
}
tappedKey(ev) {
ev.preventDefault();

6
index.html
View file

@ -18,7 +18,11 @@
<div data-controller="keyboard"
data-keyboard-playfield-outlet=".playfield"
data-action="guessResults@window->keyboard#colorizeKeys resetKeyColors@window->keyboard#resetKeyColors">
data-action="
keypress@window->keyboard#onKeyPress
guessResults@window->keyboard#colorizeKeys
resetKeyColors@window->keyboard#resetKeyColors
">
<div>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="q">q</button>
<button data-keyboard-target="key" data-action="keyboard#tappedKey" data-key="w">w</button>