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

No:27892

Merge a number it makes 1+
Developer User12706｜Date and time 23/12/10 0:48:00
Build time 28.136 sec｜Game capacity 3.136KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript enclosed in script tags. The game allows you to merge numbers until the sum becomes equal to 1. The game is designed for smartphone operation and uses pictograms for visual representation.

Merge to 1 Game

In this game, you have a grid of numbers represented by pictograms. By clicking on a number, you add it to the total sum. The goal is to merge numbers until the sum becomes equal to 1. Once you reach the target sum of 1, a congratulatory message is displayed, and you can reset the game to play again. Please note that you need to provide the pictogram images (`emozi_all/pictogram.png`, `emozi_dog.png`, etc.) and adjust their file paths accordingly in the image tag of each button.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge to 1 Game</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    html, body {
      font-family: Arial, sans-serif;
      height: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f5f5f5;
    }
    
    h1 {
      text-align: center;
    }
    
    .number-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 10px;
      max-width: 300px;
    }
    
    .number-button {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      font-size: 24px;
      font-weight: bold;
      color: #ffffff;
      background-color: #3498db;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    
    .number-button:hover {
      background-color: #2980b9;
    }
    
    #result {
      margin-top: 20px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Merge to 1 Game</h1>
  <div class="number-grid">
    <button class="number-button" onclick="merge(1)"><img src="1.png"></button>
    <button class="number-button" onclick="merge(2)"><img src="2.png"></button>
    <button class="number-button" onclick="merge(3)"><img src="3.png"></button>
    <button class="number-button" onclick="merge(4)"><img src="4.png"></button>
    <button class="number-button" onclick="merge(5)"><img src="5.png"></button>
    <button class="number-button" onclick="merge(6)"><img src="6.png"></button>
    <button class="number-button" onclick="merge(7)"><img src="7.png"></button>
    <button class="number-button" onclick="merge(8)"><img src="8.png"></button>
    <button class="number-button" onclick="merge(9)"><img src="9.png"></button>
  </div>
  <div id="result"></div>

function merge(number) {
      sum += number;
      updateResult();

if (sum === 1) {
        alert('Congratulations! You have merged to 1!');
        resetGame();
      }
    }

function updateResult() {
      document.getElementById('result').textContent = `Current Sum: ${sum}`;
    }

function resetGame() {
      sum = 0;
      updateResult();
    }
  </script>
</body>
</html>
```

Please note that you need to provide the pictogram images (`1.png`, `2.png`, etc.) and adjust their file paths accordingly in the image tag of each button.