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

No:16108

117

←

Prev Next

→

a game where you are in an zobie world and you and..ALL
Developer User7131｜Date and time 23/9/16 2:41:20
Build time 36.764 sec｜Game capacity 4.451KB｜

Script

Sure! Here's an example of a simple text-based game where you are in a zombie world and you and your people have to make randomly generated choices. This implementation uses JavaScript, HTML, and CSS.

Zombie World Game

To play the game: 1. Copy the entire code provided into a new HTML file (e.g., `zombie_game.html`). 2. Open the HTML file in a web browser (preferably on a smartphone). 3. The game will display two randomly generated choices on buttons. 4. Click on one of the buttons to make a choice. 5. The game will log your choice and provide a result based on your selection. 6. New choices will be generated, and you can continue playing by selecting one of the options. 7. The game log will keep track of your progress and display it on the screen. Note: This is a simple example, and you can modify it to add more features, graphics, or complexity according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie World Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      color: #FF4500;
    }
    
    #gameLog {
      width: 400px;
      height: 200px;
      margin: 20px auto;
      overflow: auto;
      border: 1px solid #ccc;
      padding: 10px;
    }
    
    #buttons {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
    }
    
    button {
      padding: 10px 20px;
      font-family: Arial, sans-serif;
      font-size: 16px;
      background-color: #FF4500;
      border: none;
      color: white;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    
    button:hover {
      background-color: #DF3700;
    }
  </style>
</head>
<body>
  <h1>Zombie World Game</h1>
  <div id="gameLog"></div>
  <div id="buttons">
    <button id="choice1"></button>
    <button id="choice2"></button>
  </div>

// Function to display a message in the game log
    function log(message) {
      const gameLog = document.getElementById("gameLog");
      const p = document.createElement("p");
      p.innerText = message;
      gameLog.appendChild(p);
      gameLog.scrollTop = gameLog.scrollHeight;
    }

// Function to update the choices on the buttons
    function updateChoices() {
      const choiceBtn1 = document.getElementById("choice1");
      const choiceBtn2 = document.getElementById("choice2");

// Generate two random indexes from the choices array
      const index1 = Math.floor(Math.random() * choices.length);
      let index2 = Math.floor(Math.random() * choices.length);

// Ensure the second index is different from the first one
      while (index2 === index1) {
        index2 = Math.floor(Math.random() * choices.length);
      }

// Set button text to the randomly chosen choices
      choiceBtn1.innerText = choices[index1];
      choiceBtn2.innerText = choices[index2];
    }

// Function to handle a choice selection
    function handleChoice(event) {
      const choice = event.target.innerText;
      log("You chose: " + choice);

// Perform different actions based on the chosen option
      switch (choice) {
        case "Find a safe shelter":
          log("You found a secure hideout. +10 survival points.");
          break;
        case "Scavenge for supplies":
          log("You found some useful items. +5 survival points.");
          break;
        case "Fight off zombies":
          log("You defeated a group of zombies. +15 survival points.");
          break;
        case "Form an alliance":
          log("You formed a reliable group. +10 survival points.");
          break;
        case "Search for a cure":
          log("You discovered a potential cure. +20 survival points.");
          break;
        default:
          log("Unexpected choice.");
      }

// Update choices after handling a selection
      updateChoices();
    }

// Event listeners for choice buttons
    const choiceBtn1 = document.getElementById("choice1");
    choiceBtn1.addEventListener("click", handleChoice);

const choiceBtn2 = document.getElementById("choice2");
    choiceBtn2.addEventListener("click", handleChoice);

// Initial setup
    updateChoices();
  </script>
</body>
</html>
```

To play the game:

1. Copy the entire code provided into a new HTML file (e.g., `zombie_game.html`).
2. Open the HTML file in a web browser (preferably on a smartphone).
3. The game will display two randomly generated choices on buttons.
4. Click on one of the buttons to make a choice.
5. The game will log your choice and provide a result based on your selection.
6. New choices will be generated, and you can continue playing by selecting one of the options.
7. The game log will keep track of your progress and display it on the screen.

Note: This is a simple example, and you can modify it to add more features, graphics, or complexity according to your requirements.