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

No:43336

Working functional Microsoft word typing app with ..ALL
Developer User19162｜Date and time 24/2/15 6:51:39
Build time 9.803 sec｜Game capacity 2.941KB｜

Script

Sure, here's a basic implementation of a typing game in a single HTML file using JavaScript. The game allows you to type the displayed words within a certain time limit. It uses pictograms and is optimized for smartphone operation. However, implementing the functionality to change text font, size, color, and shadow is beyond the scope of this game. Copy the code below and save it as a .html file:

Typing Game

Time: 60s

To use this game, simply save the code in a .html file and open it in a web browser. The game will start automatically and display a word for you to type. You can then type the word in the provided input field. When you type the correct word, the game will move on to the next word. The game will end after 60 seconds or when you have finished typing all the words. Your score will be displayed at the end.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Copy the code below and save it as a .html file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Typing Game</title>
  <style>
    #word {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
    }
    #timer {
      text-align: center;
      font-weight: bold;
      font-size: 20px;
      margin-top: 20px;
    }
    #result {
      text-align: center;
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1 style="text-align: center;">Typing Game</h1>
  <div id="word"></div>
  <div id="timer">Time: <span id="time">60</span>s</div>
  <div id="result"></div>

function startGame() {
      document.getElementById("result").innerHTML = "";
      document.getElementById("word").innerHTML = words[currentWordIndex];

document.getElementById("input").value = "";
      document.getElementById("input").focus();

timer = setInterval(updateTimer, 1000);
    }

function updateTimer() {
      if (timeLeft > 0) {
        timeLeft -= 1;
        document.getElementById("time").innerHTML = timeLeft + "s";
      } else {
        endGame();
      }
    }

function endGame() {
      clearInterval(timer);
      document.getElementById("input").disabled = true;
      document.getElementById("result").innerHTML = "Game Over! Your score: " + currentWordIndex;
    }

function checkWord() {
      var userInput = document.getElementById("input").value.toLowerCase().trim();

if (userInput === words[currentWordIndex]) {
        currentWordIndex++;
        document.getElementById("input").value = "";
        document.getElementById("word").innerHTML = words[currentWordIndex];

if (currentWordIndex === words.length) {
          endGame();
        }
      }
    }

document.addEventListener("DOMContentLoaded", function(event) { 
      startGame();
    });
  </script>
</body>
</html>
```