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

No:17101

103

←

Prev Next

→

A Game where you have to find who ate ur chips the..ALL
Developer User7577｜Date and time 23/9/22 8:44:30
Build time 30.118 sec｜Game capacity 3.84KB｜

Script

Here's an example of a game implementation where you have to find who ate your chips using JavaScript and pictograms. This code can be saved in a single HTML file, enclosed in script tags.

Who Ate My Chips?

🍟 🕵️‍♂️

This game includes pictograms, three suspects (Olimar, Bulborb, Bread), and three questions you can ask. Each suspect will give an AI-generated response based on the question asked, and the game will display whether the suspect is guilty or innocent.

←

Prev　Next

→ 　

Back　

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

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

Here's an example of a game implementation where you have to find who ate your chips using JavaScript and pictograms. This code can be saved in a single HTML file, enclosed in script tags.

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: #f8f8f8;
        font-family: Arial, sans-serif;
        text-align: center;
        padding-top: 30px;
      }

h1 {
        color: #333;
      }

.pictogram {
        font-size: 30px;
        margin-bottom: 20px;
      }

.question {
        margin: 15px 0;
      }

.response-btn {
        background-color: #4caf50;
        color: white;
        border: none;
        padding: 10px 20px;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        margin: 10px;
        border-radius: 5px;
      }

.response-btn:hover {
        background-color: #45a049;
      }

#result {
        color: #333;
        font-size: 18px;
        margin-top: 30px;
      }
    </style>
  </head>
  <body>
    <h1>Who Ate My Chips?</h1>
    <div class="pictogram">
      🍟 🕵️‍♂️
    </div>
    <div>
      <button class="response-btn" id="ask-crumb">What is that chip crumb on you?</button>
      <button class="response-btn" id="ask-know">Ok, I know you did not.</button>
      <button class="response-btn" id="ask-threat">I will kill your family if you don't admit.</button>
    </div>
    <div id="result"></div>

let chosenSuspect = null;

// Event listeners for each question response
      document.getElementById("ask-crumb").addEventListener("click", () => {
        askQuestion("crumb");
      });

document.getElementById("ask-know").addEventListener("click", () => {
        askQuestion("know");
      });

document.getElementById("ask-threat").addEventListener("click", () => {
        askQuestion("threat");
      });

// Function to ask a question to a suspect
      function askQuestion(question) {
        // Choose a random suspect
        chosenSuspect = suspects[Math.floor(Math.random() * suspects.length)];

let response;
        let result;

// Generate AI response based on the asked question
        if (question === "crumb") {
          response = generateResponse(chosenSuspect.response, "chip crumb");
          result = response ? "Guilty!" : "Innocent!";
        } else if (question === "know") {
          response = generateResponse(chosenSuspect.response, "know");
          result = response ? "Liar!" : "Telling the truth!";
        } else if (question === "threat") {
          response = generateResponse(chosenSuspect.response, "threat");
          result = response ? "Confession!" : "Unfazed!";
        }

// Display the result
        document.getElementById("result").textContent = `${chosenSuspect.name}: ${result}`;
      }

// Function to generate AI response
      function generateResponse(response, question) {
        const randomNum = Math.random();
        let generatedResponse;

if (randomNum < 0.3) {
          generatedResponse = question === "know" ? !response : response;
        } else {
          generatedResponse = question === "threat" ? !response : response;
        }

return generatedResponse;
      }
    </script>
  </body>
</html>
```