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

No:28210

Make a game that you have to go on a colour.if it ..ALL
Developer User12467｜Date and time 23/12/11 8:21:03
Build time 20.576 sec｜Game capacity 2.771KB｜

Script

Sure! Here's an implementation of the game you described:

Color Game

Score: 0

To play the game, you can copy this code into a file with a `.html` extension, and open it in a browser. The game will be displayed and you can start playing by clicking on the colored circles. The objective is to click on the circle that matches the background color. The score will be updated accordingly, and if you click on the wrong color, it will show a message with your final score.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's an implementation of the game you described:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f0f0f0;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #message {
      font-size: 18px;
      margin-bottom: 20px;
      color: red;
    }
    #container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .color {
      width: 100px;
      height: 100px;
      margin: 10px;
      border-radius: 50%;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Color Game</h1>

<div id="score">Score: 0</div>
  <div id="message"></div>
  <div id="container">
    <div class="color" id="red"></div>
    <div class="color" id="green"></div>
    <div class="color" id="blue"></div>
    <div class="color" id="yellow"></div>
  </div>

function getRandomColor() {
      const randomIndex = Math.floor(Math.random() * colors.length);
      return colors[randomIndex];
    }

function updateScore() {
      document.getElementById('score').innerText = `Score: ${score}`;
    }

function showMessage(message) {
      document.getElementById('message').innerText = message;
    }

function resetMessage() {
      document.getElementById('message').innerText = '';
    }

function resetGame() {
      score = 0;
      updateScore();
      resetMessage();
      setCurrentColor();
    }

function setCurrentColor() {
      const colorElement = document.getElementById('container');
      currentColor = getRandomColor();
      colorElement.style.backgroundColor = currentColor;
    }

// Event listeners
    window.addEventListener('load', resetGame);

const colorElements = document.getElementsByClassName('color');
    for (let i = 0; i < colorElements.length; i++) {
      colorElements[i].addEventListener('click', handleColorClick)
    }
  </script>
</body>
</html>
```