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

No:31464

←

Prev Next

→

doge clicker and a shop
Developer User15107｜Date and time 23/12/27 1:18:18
Build time 31.646 sec｜Game capacity 2.889KB｜

Script

Sure! Here's a simple example of a Doge Clicker game with a shop functionality implemented as a single HTML file with JavaScript:

Doge Clicker

Total Score: 0

Click the Doge to earn points!

Shop

Item 1 - 10 points

Item 2 - 20 points

In this game, you can click on the "Click Me!" button to earn points. The score is displayed at the top and updates whenever you click. There is also a shop section where you can buy items using your points. The items are represented by pictograms (images), and each item has a cost associated with it. Clicking on an item deducts the cost from your score if you have enough points. Please note that you will need to replace the placeholder image file names (`emozi_dog.png`, `emozi_chicken.png`, `emozi_rabbit.png`) with actual image files in the same directory as the HTML file for the images to display correctly. Feel free to further customize the game and add more features as per your requirements!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a Doge Clicker game with a shop functionality implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Doge Clicker</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      color: #FFD700;
      text-shadow: 2px 2px #000000;
    }
    
    .score {
      font-size: 24px;
    }
    
    .click-btn {
      cursor: pointer;
      padding: 10px;
      border-radius: 5px;
      background-color: #FFD700;
      border: none;
      color: #000000;
      font-weight: bold;
    }
    
    .shop-item {
      display: inline-block;
      border: 1px solid #FFD700;
      border-radius: 5px;
      padding: 10px;
      margin: 10px;
      background-color: #F0F8FF;
      cursor: pointer;
    }
    
    .shop-item img {
      width: 50px;
      height: 50px;
      margin-bottom: 5px;
    }
  </style>
</head>
<body>
  <h1>Doge Clicker</h1>
  
  <p>Total Score: <span id="score" class="score">0</span></p>
  
  <p>Click the Doge to earn points!</p>
  
  <img id="doge-image" src="doge.png" alt="Doge" width="200" height="200">
  
  <br>
  
  <button id="click-button" class="click-btn">Click Me!</button>
  
  <h2>Shop</h2>
  
  <div id="shop">
    <div class="shop-item" onclick="buyItem('item1', 10)">
      <img src="item1.png" alt="Item 1">
      <p>Item 1 - 10 points</p>
    </div>
    
    <div class="shop-item" onclick="buyItem('item2', 20)">
      <img src="item2.png" alt="Item 2">
      <p>Item 2 - 20 points</p>
    </div>
  </div>
  
  <script>
    var score = 0;
    
    var clickButton = document.getElementById('click-button');
    var scoreElement = document.getElementById('score');
    
    clickButton.addEventListener('click', function() {
      score += 1;
      scoreElement.textContent = score;
    });
    
    function buyItem(itemName, itemCost) {
      if (score >= itemCost) {
        score -= itemCost;
        scoreElement.textContent = score;
        alert("Congratulations! You bought " + itemName + ".");
      } else {
        alert("Sorry! Not enough points to buy " + itemName + ".");
      }
    }
  </script>
</body>
</html>
```

Please note that you will need to replace the placeholder image file names (`doge.png`, `item1.png`, `item2.png`) with actual image files in the same directory as the HTML file for the images to display correctly.

Feel free to further customize the game and add more features as per your requirements!