Click on keyboard game for points under 1minute's game

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

No:35179

←

Prev Next

→

Click on keyboard game for points under 1minute
Developer User16442｜Date and time 24/1/13 13:26:36
Build time 7.837 sec｜Game capacity 1.998KB｜

Script

Als programmeur kan ik zeker een game voor je maken die voldoet aan je vereisten. Hier is een voorbeeld van een eenvoudig toetsenbordspel met JavaScript, geïmplementeerd als een enkel HTML-bestand:

Click on Keyboard!

Dit is een eenvoudig spel waarbij je op het toetsenbord moet klikken om punten te verdienen. Het spel start zodra je op de knop "Click on Keyboard!" klikt. De tijd begint te lopen zodra het spel start en stopt wanneer je op het toetsenbord klikt. Vervolgens wordt je score berekend op basis van hoe snel je hebt geklikt. De score wordt weergegeven op het scherm. Je kunt deze code kopiëren en plakken in een nieuw HTML-bestand en het in je browser openen om het spel te spelen. Op een smartphone kun je gewoon op het scherm tikken in plaats van met een muis te klikken. Hopelijk vind je het leuk om te spelen!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Als programmeur kan ik zeker een game voor je maken die voldoet aan je vereisten. Hier is een voorbeeld van een eenvoudig toetsenbordspel met JavaScript, geïmplementeerd als een enkel HTML-bestand:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Keyboard Game</title>
  <style>
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    #keyboard {
      font-size: 2rem;
      text-align: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="keyboard">Click on Keyboard!</div>
  </div>

function startGame() {
      document.getElementById('keyboard').addEventListener('click', handleClick);
      startTime = new Date().getTime();
    }

function handleClick() {
      endTime = new Date().getTime();
      calculateScore();
    }

function calculateScore() {
      var totalTimeInSeconds = (endTime - startTime) / 1000;
      var score = Math.floor(1000 / totalTimeInSeconds);
      displayScore(score);
    }

function displayScore(score) {
      var gameContainer = document.getElementById('game-container');
      gameContainer.innerHTML = '<div id="score">' + score + ' punten in <b>' + (endTime - startTime) / 1000 + ' seconden</b>!</div>';
    }

startGame();
  </script>
</body>
</html>
```

Je kunt deze code kopiëren en plakken in een nieuw HTML-bestand en het in je browser openen om het spel te spelen. Op een smartphone kun je gewoon op het scherm tikken in plaats van met een muis te klikken. Hopelijk vind je het leuk om te spelen!