fix active key

Author: eigilnikolajsen

index.html

@@ -86,9 +86,9 @@
                             </div>
                             <div class="key_group" id="go_to_section">
                                 <div class="keys">
-                                    <p data-key-code="Digit1" data-key="1" class="key">1</p>
-                                    <p data-key-code="Digit2" data-key="2" class="key">2</p>
-                                    <p data-key-code="Digit3" data-key="3" class="key">3</p>
+                                    <p data-key-code="1" data-key="1" class="key">1</p>
+                                    <p data-key-code="2" data-key="2" class="key">2</p>
+                                    <p data-key-code="3" data-key="3" class="key">3</p>
                                 </div>
                                 <p>To section</p>
                             </div>

src/js/nav.js

@@ -132,7 +132,7 @@ function keyDown(e) {
         const activeKey = !e.shiftKey
             ? document.querySelector(`.key[data-key-code="${e.key}"]`)
             : document.querySelector(`.key[data-key-code="Shift${e.key}"]`)
-        activeKey?.classList.add("active_key")
+        if (activeKey) activeKey.classList.add("active_key")
 
         if (e.code.includes("Digit")) {
             sectionNavigation(+e.key == 0 ? 9 : +e.key - 1)