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

No:26163

←

Prev Next

→

Desision game
Developer User12889｜Date and time 23/11/27 13:20:29
Build time 77.871 sec｜Game capacity 3.525KB｜

Script

Sure, here's a simple decision game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is playable on a smartphone and uses pictograms to indicate options. To start the game, run the code snippet below:

Decision Game

Make a choice to progress through the game:

In this game, you start at a central screen with three options represented by pictograms: home, work, and play. Once you choose an option, the game progresses accordingly, presenting new choices or actions based on your decision. The game utilizes event listeners and dynamic HTML updates to provide an interactive experience. You can further expand and customize the game logic and contents as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

img {
      max-width: 200px;
    }
  </style>
</head>
<body>
  <h1>Decision Game</h1>
  <p>Make a choice to progress through the game:</p>
  <div id="game-container">
    <img src="home_pictogram.png" alt="Home" id="home-button">
    <img src="work_pictogram.png" alt="Work" id="work-button">
    <img src="play_pictogram.png" alt="Play" id="play-button">
  </div>

document.getElementById('work-button').addEventListener('click', function() {
      goToWork();
    });

document.getElementById('play-button').addEventListener('click', function() {
      goToPlay();
    });

// Decision functions
    function goToHome() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You chose to go home.</h2><p>What would you like to do next?</p><img src="watch_tv_pictogram.png" alt="Watch TV" id="watch-tv-button">'
      document.getElementById('watch-tv-button').addEventListener('click', function() {
        watchTV();
      });
    }

function goToWork() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You chose to go to work.</h2><p>What would you like to do at work?</p><img src="attend_meeting_pictogram.png" alt="Attend Meeting" id="attend-meeting-button">'
      document.getElementById('attend-meeting-button').addEventListener('click', function() {
        attendMeeting();
      });
    }

function goToPlay() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You chose to go play.</h2><p>What would you like to play?</p><img src="soccer_pictogram.png" alt="Soccer" id="soccer-button">'
      document.getElementById('soccer-button').addEventListener('click', function() {
        playSoccer();
      });
    }

// Action functions
    function watchTV() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You decided to watch TV.</h2><p>Enjoy your show!</p>'
    }

function attendMeeting() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You decided to attend a meeting.</h2><p>Hope it goes well!</p>'
    }

function playSoccer() {
      clearGameContainer();
      document.getElementById('game-container').innerHTML = '<h2>You decided to play soccer.</h2><p>Have fun on the field!</p>'
    }

// Helper function to clear game container
    function clearGameContainer() {
      document.getElementById('game-container').innerHTML = '';
    }
  </script>
</body>
</html>
```