A game that you have to Type lol 21 times's game

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

No:10527

←

Prev Next

→

A game that you have to Type lol 21 times
Developer User4378｜Date and time 23/7/31 20:13:42
Build time 17.688 sec｜Game capacity 1.748KB｜

Script

Sure! Here's a simple game where you have to type "lol" 21 times. When you complete the task, a message will be displayed congratulating you on finishing the game. The game will be implemented as a single HTML file with JavaScript code enclosed in script tags:

Type "lol" 21 times:

To play the game, open a text editor, copy and paste the above code into a new file, and save it with a `.html` extension (e.g., `typing_game.html`). Then, open the file in a web browser on your smartphone. You will see a prompt asking you to type "lol" 21 times. As you type, the input will be checked, and once you reach the goal of typing it 21 times, a message will appear congratulating you on completing the game. Note: Pictograms are not used in this implementation, but you can enhance the visuals by adding appropriate images or customizing the CSS styles as per your preference.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>LOL Typing Game</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-size: 36px;
      }
    </style>
  </head>
  <body>
    <script>
      var counter = 0;
      
      function checkInput() {
        var input = document.getElementById('input').value;
        
        if (input.toLowerCase() === 'lol') {
          counter++;
          document.getElementById('input').value = '';
          
          if (counter >= 21) {
            document.getElementById('message').innerHTML = 'Congratulations! You typed "lol" 21 times!';
          }
        }
      }
    </script>
    
    <div>
      <p>Type "lol" 21 times:</p>
      <input type="text" id="input" onkeyup="checkInput()">
      <p id="message"></p>
    </div>
  </body>
</html>
```

Note: Pictograms are not used in this implementation, but you can enhance the visuals by adding appropriate images or customizing the CSS styles as per your preference.