the blue square & the red circle if you click the blue square, you win if you click the red cirle, you lose's game

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

No:36554

←

Prev Next

→

the blue square & the red circle if you click the..ALL
Developer User16826｜Date and time 24/1/17 23:12:06
Build time 8.486 sec｜Game capacity 1.546KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript. The game consists of a blue square and a red circle. If you click on the blue square, you win, and if you click on the red circle, you lose.

In this game, the blue square and the red circle are represented as `div` elements styled using CSS. The `cursor: pointer` property ensures they appear clickable. The JavaScript code uses `addEventListener` to listen for click events on each element. When you click the blue square, it displays a message saying "You win!" with an alert box. Similarly, clicking the red circle displays a message saying "You lose!".

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Click Game</title>
    <style>
        #blue-square {
            width: 100px;
            height: 100px;
            background-color: blue;
            cursor: pointer;
        }
        
        #red-circle {
            width: 100px;
            height: 100px;
            background-color: red;
            border-radius: 50%;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="blue-square"></div>
    <div id="red-circle"></div>

blueSquare.addEventListener("click", function() {
            alert("You win!");
        });

redCircle.addEventListener("click", function() {
            alert("You lose!");
        });
    </script>
</body>
</html>
```

In this game, the blue square and the red circle are represented as `div` elements styled using CSS. The `cursor: pointer` property ensures they appear clickable.

The JavaScript code uses `addEventListener` to listen for click events on each element. When you click the blue square, it displays a message saying "You win!" with an alert box. Similarly, clicking the red circle displays a message saying "You lose!".