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

No:22011

←

Prev Next

→

Reverse game
Developer User4910｜Date and time 23/10/19 23:45:05
Build time 66.289 sec｜Game capacity 2.212KB｜

Script

Sure! Here's a sample code for a reverse game using JavaScript, HTML, and pictograms:

Reverse Game

Click on the pictograms in reverse order!

You can replace the `emozi_dog.png`, `emozi_himawari.png`, etc. with your own pictogram images, and adjust the number of maximum clicks (`maxClicks`) accordingly. The game starts by clicking on the pictograms in reverse order, and if all clicks are done correctly, a congratulatory message is displayed; otherwise, a game over message is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a sample code for a reverse game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Reverse Game</title>
    <style>
        body {
            text-align: center;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        img {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }
        #message {
            color: green;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Reverse Game</h1>
    <h3>Click on the pictograms in reverse order!</h3>
    <img src="pictogram1.png" onclick="processClick(1)" id="img1">
    <img src="pictogram2.png" onclick="processClick(2)" id="img2">
    <img src="pictogram3.png" onclick="processClick(3)" id="img3">
    <img src="pictogram4.png" onclick="processClick(4)" id="img4">
    <img src="pictogram5.png" onclick="processClick(5)" id="img5">
    <p id="message"></p>

function processClick(imageId) {
            clickedImages.push(imageId);

var totalClicks = clickedImages.length;
            var expectedImageId = maxClicks - totalClicks + 1;

if (imageId === expectedImageId) {
                // Correct click, continue playing
                if (totalClicks === maxClicks) {
                    displayMessage("Congratulations! You won the game!");
                }
            } else {
                // Incorrect click, game over
                displayMessage("Game Over. Try again!");
                clickedImages = [];
            }
        }

function displayMessage(message) {
            document.getElementById("message").innerText = message;
        }
    </script>
</body>
</html>
```

You can replace the `pictogram1.png`, `pictogram2.png`, etc. with your own pictogram images, and adjust the number of maximum clicks (`maxClicks`) accordingly. The game starts by clicking on the pictograms in reverse order, and if all clicks are done correctly, a congratulatory message is displayed; otherwise, a game over message is displayed.