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

No:6387

97

Make a game where you must chose between 3 numbers..ALL
Developer User3709｜Date and time 23/7/2 11:28:40
Build time 31.269 sec｜Game capacity 3.54KB｜

Sure! Here's a simple game that meets your requirements. It's an HTML file containing JavaScript code enclosed in script tags. It's designed to be played on a smartphone using pictograms.

Number Game

Click the numbers going by 2 to win. Avoid incorrect numbers or you'll lose hearts. Touch an incorrect number after losing all hearts to die.

1

3

4

♥ ♥ ♥

When you open the above code in a web browser, you'll see a game titled "Number Game" along with instructions. There are three numbers displayed: 1, 3, and 4. You need to click on numbers in a pattern. By following the pattern, you must click the number going up by 2 each time to win. If you touch an incorrect number, the background color will turn red, indicating a wrong choice. Each incorrect selection will remove a heart. If you touch an incorrect number after losing all three hearts, you'll lose the game. If you successfully click all numbers according to the pattern, you'll win the game. I hope you enjoy playing the game! If you have any questions, feel free to ask.

→ 　

1　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game that meets your requirements. It's an HTML file containing JavaScript code enclosed in script tags. It's designed to be played on a smartphone using pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Number Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }

h1 {
      color: #333;
    }

.number {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-color: #ccc;
      color: #333;
      font-size: 24px;
      line-height: 50px;
      margin: 10px;
      cursor: pointer;
    }

.heart {
      color: red;
    }

#hearts {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Number Game</h1>
  <p>Click the numbers going by 2 to win. Avoid incorrect numbers or you'll lose hearts. Touch an incorrect number after losing all hearts to die.</p>
  <div id="numbers">
    <div class="number">1</div>
    <div class="number">3</div>
    <div class="number">4</div>
  </div>
  <div id="hearts">
    <span class="heart">♥</span>
    <span class="heart">♥</span>
    <span class="heart">♥</span>
  </div>

<script>
    var numbers = document.querySelectorAll('.number');
    var hearts = document.querySelectorAll('.heart');
    var currentPattern = 2;
    var currentNumber = 1;
    var failedAttempts = 0;
    var maxAttempts = 3;

function handleClick(event) {
      var selectedNumber = Number(event.currentTarget.innerText);

if (selectedNumber === currentNumber) {
        currentNumber += currentPattern;
        currentPattern++;

// Check if the player won
        if (currentPattern > 6) {
          alert('Congratulations! You won!');
          resetGame();
        }
      } else {
        // Incorrect number selected
        event.currentTarget.style.backgroundColor = 'red';

// Reduce heart count
        var remainingHearts = hearts.length - failedAttempts;
        if (remainingHearts > 0) {
          hearts[remainingHearts - 1].style.color = 'gray';
        }

failedAttempts++;

// Check if the player lost
        if (failedAttempts === maxAttempts) {
          alert('Game over! You lost!');
          resetGame();
        }
      }
    }

function resetGame() {
      // Reset numbers and hearts
      for (var i = 0; i < numbers.length; i++) {
        numbers[i].style.backgroundColor = '#ccc';
      }

for (var j = failedAttempts; j < hearts.length; j++) {
        hearts[j].style.color = 'red';
      }

// Reset game variables
      currentPattern = 2;
      currentNumber = 1;
      failedAttempts = 0;
    }

// Attach click event listeners to numbers
    for (var k = 0; k < numbers.length; k++) {
      numbers[k].addEventListener('click', handleClick);
    }
  </script>
</body>
</html>
```

When you open the above code in a web browser, you'll see a game titled "Number Game" along with instructions. There are three numbers displayed: 1, 3, and 4. You need to click on numbers in a pattern. By following the pattern, you must click the number going up by 2 each time to win. If you touch an incorrect number, the background color will turn red, indicating a wrong choice. Each incorrect selection will remove a heart. If you touch an incorrect number after losing all three hearts, you'll lose the game. If you successfully click all numbers according to the pattern, you'll win the game.

I hope you enjoy playing the game! If you have any questions, feel free to ask.