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

No:34721

96

おにぎりクリッカーおにぎりが増える度に上から🍙が降ってくる 🍙を押すとおにぎり1個増える 🍙が降っ..ALL
Developer 豆腐｜Date and time 24/1/11 12:10:27
Build time 19.844 sec｜Game capacity 3.804KB｜

こちらがおにぎりクリッカーのHTMLとJavaScriptのコードです。

おにぎりクリッカー

おにぎりの数: 0

このコードでは、HTMLの要素とJavaScriptの関数を組み合わせておにぎりクリッカーのゲームを実装しています。おにぎりの数は`onigiriCount`変数で管理され、必要な操作ごとに値が増減しています。`updateOnigiriCount`関数はおにぎりの数を画面に表示します。 🍙をクリックすると、`riceballClick`関数が実行され、おにぎりの数が増えます。 👆や👵、👇をクリックすると、それぞれ指定された条件を満たす場合におにぎりの数が増える操作が発生します。また、タイマーイベントによって、一定時間ごとにおにぎりの数が増える処理も実装されています。このコードをHTMLファイルに保存して、Webブラウザで開くとおにぎりクリッカーのゲームが遊べます。スマートフォンの操作にも対応しています。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

こちらがおにぎりクリッカーのHTMLとJavaScriptのコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>おにぎりクリッカー</title>
  <script>
    window.addEventListener('DOMContentLoaded', function() {
      // 初期化
      let onigiriCount = 0;
      let riceballCount = 0;
      let riceballPerClick = 1;
      let riceballIncrement = 1;
      let riceballMultiplier = 1;
      let riceballMultiplierInterval = null;
      
      // おにぎりをクリックした際の処理
      function onigiriClick() {
        onigiriCount += riceballPerClick;
        updateOnigiriCount();
      }
      
      // おにぎりの数を更新する
      function updateOnigiriCount() {
        document.getElementById('onigiri-count').textContent = onigiriCount;
      }
      
      // 🍙をクリックした際の処理
      function riceballClick() {
        onigiriCount += riceballMultiplier;
        updateOnigiriCount();
      }
      
      // 👆をクリックした際の処理
      function riceballMultiplierClick() {
        if (onigiriCount >= 50) {
          onigiriCount -= 50;
          riceballMultiplier++;
          updateOnigiriCount();
          if (!riceballMultiplierInterval) {
            riceballMultiplierInterval = setInterval(function() {
              onigiriCount += riceballMultiplier;
              updateOnigiriCount();
            }, 10000);
          }
        }
      }
      
      // 👵をクリックした際の処理
      function grandmaClick() {
        if (onigiriCount >= 100) {
          onigiriCount -= 100;
          riceballIncrement++;
          updateOnigiriCount();
          if (!riceballMultiplierInterval) {
            riceballMultiplierInterval = setInterval(function() {
              onigiriCount += riceballMultiplier;
              updateOnigiriCount();
            }, 5000);
          }
        }
      }
      
      // 👇をクリックした際の処理
      function riceballIncrementClick() {
        if (onigiriCount >= 1000) {
          onigiriCount -= 1000;
          riceballPerClick++;
          updateOnigiriCount();
        }
      }
      
      // タイマーイベント処理
      setInterval(function() {
        onigiriCount += riceballIncrement;
        updateOnigiriCount();
      }, 1000);
    });
  </script>
</head>
<body>
  <h1>おにぎりクリッカー</h1>
  <p>おにぎりの数: <span id="onigiri-count">0</span></p>
  
  <button onclick="riceballClick()">🍙</button>
  <button onclick="riceballMultiplierClick()">👆</button>
  <button onclick="grandmaClick()">👵</button>
  <button onclick="riceballIncrementClick()">👇</button>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      document.getElementById('onigiri-count').textContent = '0';
    });
  </script>
</body>
</html>
```

このコードでは、HTMLの要素とJavaScriptの関数を組み合わせておにぎりクリッカーのゲームを実装しています。

おにぎりの数は`onigiriCount`変数で管理され、必要な操作ごとに値が増減しています。`updateOnigiriCount`関数はおにぎりの数を画面に表示します。

🍙をクリックすると、`riceballClick`関数が実行され、おにぎりの数が増えます。

👆や👵、👇をクリックすると、それぞれ指定された条件を満たす場合におにぎりの数が増える操作が発生します。

また、タイマーイベントによって、一定時間ごとにおにぎりの数が増える処理も実装されています。

このコードをHTMLファイルに保存して、Webブラウザで開くとおにぎりクリッカーのゲームが遊べます。スマートフォンの操作にも対応しています。