End the game on "a" or "l" only

Based on the description on MDN, pressing a wrong key shouldn't end the game, right? > Regardless of which one of the player control keys was pressed, remove the `keydown` event listener using `removeEventListener()` so that once the winning press has happened, no more keyboard input is possible to mess up the final game result.
jackcoolpython · Jun 19, 2020 · 3bb5063 · 3bb5063
1 parent 01ca141
commit 3bb5063
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/javascript/asynchronous/loops-and-intervals/reaction-game.html b/javascript/asynchronous/loops-and-intervals/reaction-game.html
@@ -202,15 +202,21 @@
         document.addEventListener('keydown', keyHandler);
 
         function keyHandler(e) {
+          let isOver = false;
           console.log(e.key);
-          if(e.key === "a") {
+
+          if (e.key === "a") {
             result.textContent = 'Player 1 won!!';
-          } else if(e.key === "l") {
+            isOver = true;
+          } else if (e.key === "l") {
             result.textContent = 'Player 2 won!!';
+            isOver = true;
           }
 
-          document.removeEventListener('keydown', keyHandler);
-          setTimeout(reset, 5000);
+          if (isOver) {
+            document.removeEventListener('keydown', keyHandler);
+            setTimeout(reset, 5000);
+          }
         };
       }
     </script>