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

No:44133

←

Prev Next

→

hi- im sweetberry
Developer User4347｜Date and time 24/2/17 5:33:49
Build time 10.868 sec｜Game capacity 3.248KB｜

Script

Hello, Sweetberry! I see that you are interested in creating a game using JavaScript. I can definitely help you with that. Here's an example of a simple game implemented in a single HTML file using JavaScript:

Welcome to Sweetberry's Game!

Match the pictograms as fast as you can.

In this game, you need to match the pictograms by clicking on them. Once all the pictograms are matched, you win the game. The pictograms array contains different fruit pictograms represented as Unicode characters. The `shuffle` function is used to randomize the pictograms array. When you open this HTML file in a browser, the game will start automatically. Simply click on the pictograms to reveal them and match them. Once all the pictograms are matched, a congratulations message will appear. Please note that this is a simple example, and you can modify and enhance it further according to your specific requirements and design preferences. Let me know if you need any further assistance!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sweetberry's Game</title>
</head>
<body>

<h1>Welcome to Sweetberry's Game!</h1>
  <p>Match the pictograms as fast as you can.</p>

// Pictograms array for the game
    var pictograms = [
      "🍓", "🍌", "🍎", "🍉", "🍒", "🍇", "🥕", "🍊"
    ];

// Shuffle function to randomize the array elements
    function shuffle(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;
    }

// Initialize the game
    function initGame() {
      var gameBoard = document.getElementById("game-board");
      var shuffledPictograms = shuffle(pictograms);

for (var i = 0; i < shuffledPictograms.length; i++) {
        var card = document.createElement("div");
        card.classList.add("card");
        card.textContent = shuffledPictograms[i];
        gameBoard.appendChild(card);
      }

// Add event listener for card clicks
      gameBoard.addEventListener("click", handleCardClick);
    }

// Handle card click event
    function handleCardClick(event) {
      var card = event.target;

if (card.classList.contains("card")) {
        card.classList.add("flipped");
      }

checkGameStatus();
    }

// Check game status
    function checkGameStatus() {
      var flippedCards = document.querySelectorAll(".flipped");

if (flippedCards.length === pictograms.length) {
        endGame();
      }
    }

// Finish the game
    function endGame() {
      var gameBoard = document.getElementById("game-board");
      gameBoard.removeEventListener("click", handleCardClick);

alert("Congratulations! You have matched all the pictograms!");
    }

// Start the game
    initGame();

</script>

.flipped {
      background-color: yellow;
    }
  </style>

</body>
</html>
```

When you open this HTML file in a browser, the game will start automatically. Simply click on the pictograms to reveal them and match them. Once all the pictograms are matched, a congratulations message will appear.

Please note that this is a simple example, and you can modify and enhance it further according to your specific requirements and design preferences. Let me know if you need any further assistance!