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

No:22004

154

←

Prev Next

→

idle game
Developer User10121｜Date and time 23/10/19 22:27:55
Build time 48.662 sec｜Game capacity 1.987KB｜

Script

Idle Pictogram Game

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<html>
  <head>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      h1 {
        color: #333;
        font-size: 24px;
      }
      #pictogram {
        width: 100px;
        height: 100px;
        margin: 20px auto;
        background-size: contain;
      }
      #score {
        font-size: 20px;
        margin-bottom: 10px;
      }
      #btn {
        padding: 10px 20px;
        font-size: 18px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 4px;
      }
      #btn:hover {
        background-color: #45a049;
      }
    </style>
  </head>
  <body>
    <h1>Idle Pictogram Game</h1>
    <div id="pictogram"></div>
    <div id="score">Score: 0</div>
    <button id="btn">Click to Collect</button>
    
    <script>
      var score = 0;
      
      // Define pictograms
      var pictograms = [
        {
          name: "🌳",
          value: 10
        },
        {
          name: "🍔",
          value: 20
        },
        {
          name: "💎",
          value: 50
        },
        {
          name: "🚀",
          value: 100
        },
        {
          name: "🦄",
          value: 200
        }
      ];
      
      // Function to randomly select a pictogram
      function getRandomPictogram() {
        var randomIndex = Math.floor(Math.random() * pictograms.length);
        return pictograms[randomIndex];
      }
      
      // Function to update score and display new pictogram
      function collectPictogram() {
        var pictogram = getRandomPictogram();
        score += pictogram.value;
        document.getElementById("score").textContent = "Score: " + score;
        document.getElementById("pictogram").textContent = pictogram.name;
      }
      
      // Event listener for button click
      document.getElementById("btn").addEventListener("click", collectPictogram);
    </script>
  </body>
</html>