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

No:24332

←

Prev Next

→

タイピングタイムアタック
Developer バファリンヌ｜Date and time 23/11/7 19:51:19
Build time 62.057 sec｜Game capacity 2.936KB｜

Script

了解いたしました。以下にタイピングタイムアタックのゲームの実装例を示します。

タイピングタイムアタック

残り時間: 10秒

このプログラムでは、指定された単語を順番にタイプしていくタイピングタイムアタックのゲームを実装しています。ゲームはスマートフォンで操作することを前提としており、絵文字を使って簡潔に表示しています。ゲームはHTMLファイル内に含まれており、JavaScriptの処理は`
`タグで囲まれています。また、プログラムは実行開始され、スマートフォンで遊ぶことができる状態で完成しています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解いたしました。以下にタイピングタイムアタックのゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>タイピングタイムアタック</title>
  <style>
    #message {
      font-size: 36px;
      margin-bottom: 20px;
    }
    
    #timer {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    #input {
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>タイピングタイムアタック</h1>
  
  <div id="message"></div>
  
  <div id="timer">残り時間: <span id="time">10</span>秒</div>
  
  <input type="text" id="input">
  
  <script>
    var words = ["apple", "banana", "cherry", "date", "eggplant", "fig", "grape", "honeydew", "imbe", "jackfruit"];
    var currentWordIndex = 0;
    var timer;
  
    function startGame() {
      document.getElementById("message").innerText = "ゲームスタート！";
      document.getElementById("input").disabled = false;
      document.getElementById("input").value = "";
      document.getElementById("input").focus();
      
      var time = 10;
      document.getElementById("time").innerText = time;
      
      timer = setInterval(function() {
        time--;
        document.getElementById("time").innerText = time;
        
        if (time <= 0) {
          endGame();
        }
      }, 1000);
    }
    
    function endGame() {
      clearInterval(timer);
      
      document.getElementById("message").innerText = "ゲーム終了！";
      document.getElementById("input").disabled = true;
      document.getElementById("input").value = "";
      document.getElementById("input").blur();
    }
    
    function checkWord() {
      var input = document.getElementById("input").value.trim();
      var currentWord = words[currentWordIndex];
      
      if (input === currentWord) {
        document.getElementById("message").innerText = "正解！";
        document.getElementById("input").value = "";
        currentWordIndex++;
        
        if (currentWordIndex >= words.length) {
          endGame();
        }
      } else {
        document.getElementById("message").innerText = "不正解！";
        document.getElementById("input").value = "";
      }
    }
    
    document.getElementById("input").addEventListener("input", checkWord);
    
    startGame();
  </script>
</body>
</html>
```

このプログラムでは、指定された単語を順番にタイプしていくタイピングタイムアタックのゲームを実装しています。ゲームはスマートフォンで操作することを前提としており、絵文字を使って簡潔に表示しています。

ゲームはHTMLファイル内に含まれており、JavaScriptの処理は`<script>`タグで囲まれています。また、プログラムは実行開始され、スマートフォンで遊ぶことができる状態で完成しています。