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

No:26710

←

Prev Next

→

Ai girlfriend
Developer User13229｜Date and time 23/12/2 5:43:56
Build time 52.154 sec｜Game capacity 4.556KB｜

Script

Sure! Here is a simple example of a game implemented as a single HTML file, using JavaScript and enclosed in script tags:

Welcome to the Pictogram Game!

In this game, you need to match pairs of pictograms. When you click on a pictogram, it gets selected. If you select two pictograms that match, they stay matched, and if they don't match, they are deselected after a short delay. The game continues until you have matched all the pictograms. You can play the game by opening the HTML file in a web browser, either on a smartphone or a computer.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is a simple example of a game implemented as a single HTML file, using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #message {
            font-size: 18px;
            margin-top: 20px;
        }
        
        #game {
            margin-top: 40px;
        }
        
        #buttons {
            margin-top: 20px;
        }
        
        .pictogram {
            width: 50px;
            height: 50px;
            display: inline-block;
            margin: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Welcome to the Pictogram Game!</h1>
    <div id="message"></div>
    <div id="game"></div>
    <div id="buttons">
        <button onclick="startGame()">Start Game</button>
        <button onclick="resetGame()">Reset</button>
    </div>

function startGame() {
            if (!gameStarted) {
                shuffledPictograms = shuffleArray(pictograms.concat(pictograms));
                gameElement.innerHTML = "";
                selectedPictograms = [];
                messageElement.textContent = "Match the pictograms below!";
                gameStarted = true;

for (var i = 0; i < shuffledPictograms.length; i++) {
                    var pictogram = document.createElement("div");
                    pictogram.className = "pictogram";
                    pictogram.textContent = shuffledPictograms[i];
                    pictogram.onclick = selectPictogram;
                    gameElement.appendChild(pictogram);
                }
            }
        }

function selectPictogram(event) {
            var pictogram = event.target;
            if (!pictogram.classList.contains("matched") && !pictogram.classList.contains("selected") && selectedPictograms.length < 2) {
                pictogram.classList.add("selected");
                selectedPictograms.push(pictogram);

if (selectedPictograms.length === 2) {
                    checkMatch();
                }
            }
        }

function checkMatch() {
            var pictogram1 = selectedPictograms[0];
            var pictogram2 = selectedPictograms[1];

if (pictogram1.textContent === pictogram2.textContent) {
                pictogram1.classList.add("matched");
                pictogram2.classList.add("matched");
                selectedPictograms = [];

if (document.getElementsByClassName("pictogram").length === document.getElementsByClassName("matched").length) {
                    gameStarted = false;
                    messageElement.textContent = "Congratulations! You've matched all pictograms!";
                }
            } else {
                setTimeout(function() {
                    pictogram1.classList.remove("selected");
                    pictogram2.classList.remove("selected");
                    selectedPictograms = [];
                }, 1000);
            }
        }

function resetGame() {
            gameElement.innerHTML = "";
            selectedPictograms = [];
            messageElement.textContent = "";
            gameStarted = false;
        }

function shuffleArray(array) {
            var currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;

temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }
    </script>
</body>
</html>
```

You can play the game by opening the HTML file in a web browser, either on a smartphone or a computer.