Type the alphabet in order's game

Click here for free DL of the app version that can save data.

No:42968

←

Prev Next

→

Type the alphabet in order
Developer User19028｜Date and time 24/2/13 15:50:20
Build time 4.513 sec｜Game capacity 1.056KB｜

Script

Type the alphabet in order:

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <style>
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 48px;
    }

#instructions {
      text-align: center;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="instructions">Type the alphabet in order:</div>
    <div id="output"></div>
  </div>

function handleKeydown(event) {
      const key = event.key.toLowerCase();
      
      if (key === alphabet[index]) {
        output.textContent += alphabet[index].toUpperCase();
        index++;

if (index === alphabet.length) {
          document.removeEventListener("keydown", handleKeydown);
          output.textContent += " You did it!";
        }
      }
    }

document.addEventListener("keydown", handleKeydown);
  </script>
</body>
</html>