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

No:7309

3207

←

Prev Next

→

Sedentary game in a pawn shop
Developer User3840｜Date and time 23/7/6 20:39:44
Build time 26.026 sec｜Game capacity 4.044KB｜

Script

了解しました。質屋でのせどりゲームを実装してみます。以下が実際のプログラムです。

質屋でせどりゲーム

このプログラムでは、質屋でのせどりゲームを実装しています。プレイヤーは「買う」ボタンをクリックすることで商品を購入し、所持金が減少します。「売る」ボタンをクリックすることで商品を売ることができ、所持金が増加します。リセットボタンをクリックすることでゲームをリセットすることもできます。スマートフォンでの操作にも対応しており、絵文字やHTMLのスタイルを使って見た目も工夫しています。以上が質屋でのせどりゲームを実装したプログラムです。

←

Prev　Next

→ 　

Back　

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

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

了解しました。質屋でのせどりゲームを実装してみます。以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>質屋でせどりゲーム</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        font-family: Arial, sans-serif;
      }
      
      #message {
        font-size: 24px;
        margin-bottom: 20px;
      }
      
      #score {
        font-size: 18px;
        margin-bottom: 20px;
      }
      
      #buttons {
        display: flex;
        gap: 10px;
      }
      
      button {
        font-size: 16px;
        padding: 10px 20px;
        text-transform: uppercase;
      }
      
      #reset {
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>質屋でせどりゲーム</h1>
    
    <div id="message"></div>
    <div id="score"></div>
    
    <div id="buttons">
      <button id="buyButton">買う</button>
      <button id="sellButton">売る</button>
    </div>
    
    <button id="reset">リセット</button>
    
    <script>
      // 商品のリスト
      const products = [
        { name: '時計', buyPrice: 5000, sellPrice: 8000 },
        { name: 'ブレスレット', buyPrice: 3000, sellPrice: 6000 },
        { name: 'ピアス', buyPrice: 2000, sellPrice: 4000 },
        { name: 'ネックレス', buyPrice: 10000, sellPrice: 15000 },
        // 他の商品データを追加することも可能
      ];
      
      let score = 0; // スコア(所持金)
      let currentIndex = 0; // 現在選択されている商品のインデックス
      
      const messageElement = document.getElementById('message');
      const scoreElement = document.getElementById('score');
      const buyButton = document.getElementById('buyButton');
      const sellButton = document.getElementById('sellButton');
      const resetButton = document.getElementById('reset');
      
      // メッセージを更新する関数
      function updateMessage(message) {
        messageElement.textContent = message;
      }
      
      // スコアを更新する関数
      function updateScore() {
        scoreElement.textContent = `所持金: ${score}円`;
      }
      
      // 買うボタンをクリックしたときの処理
      buyButton.addEventListener('click', () => {
        const product = products[currentIndex];
        score -= product.buyPrice;
        updateScore();
        currentIndex = (currentIndex + 1) % products.length;
        updateMessage(`【${product.name}】を購入しました。`);
      });
      
      // 売るボタンをクリックしたときの処理
      sellButton.addEventListener('click', () => {
        const product = products[currentIndex];
        score += product.sellPrice;
        updateScore();
        currentIndex = (currentIndex + 1) % products.length;
        updateMessage(`【${product.name}】を売りました。`);
      });
      
      // リセットボタンをクリックしたときの処理
      resetButton.addEventListener('click', () => {
        score = 0;
        currentIndex = 0;
        updateScore();
        updateMessage('');
      });
      
      // 初期表示時にスコアを更新する
      updateScore();
    </script>
  </body>
</html>
```

このプログラムでは、質屋でのせどりゲームを実装しています。プレイヤーは「買う」ボタンをクリックすることで商品を購入し、所持金が減少します。「売る」ボタンをクリックすることで商品を売ることができ、所持金が増加します。リセットボタンをクリックすることでゲームをリセットすることもできます。

スマートフォンでの操作にも対応しており、絵文字やHTMLのスタイルを使って見た目も工夫しています。以上が質屋でのせどりゲームを実装したプログラムです。