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

No:15221

←

Prev Next

→

セブンイレブン
Developer User6485｜Date and time 23/9/7 19:32:06
Build time 28.532 sec｜Game capacity 1.897KB｜

Script

了解です。以下は、セブンイレブンのゲームの実装例になります。プレイヤーはスマホの操作でセブンイレブンの商品を選択し、ポイントをためるゲームです。

セブンイレブンゲーム

商品を選んでポイントをためましょう！

選んだ商品

ポイント

このHTMLファイルでは、スマホの操作でセブンイレブンの商品（絵文字）を選ぶことができます。選んだ商品は下部の「選んだ商品」の項目に表示され、ポイントも加算されます。選べる商品にはポイントが設定されており、商品を選ぶたびにポイントが加算されます。以上がセブンイレブンのゲームの実装例になります。絵文字を使用して見やすく表示されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>セブンイレブンゲーム</title>
</head>
<body>
  <h1>セブンイレブンゲーム</h1>
  <p>商品を選んでポイントをためましょう！</p>
  <hr>
  <div id="products">
    <button onclick="selectProduct('🍔', 10)">🍔</button>
    <button onclick="selectProduct('🍟', 5)">🍟</button>
    <button onclick="selectProduct('🌭', 7)">🌭</button>
    <button onclick="selectProduct('🍦', 3)">🍦</button>
  </div>
  <hr>
  <h2>選んだ商品</h2>
  <div id="selectedProduct"></div>
  <h2>ポイント</h2>
  <div id="points">0</div>

// 商品を選ぶ関数
    function selectProduct(product, point) {
      selectedProduct = product;
      document.getElementById('selectedProduct').innerText = selectedProduct;
      addPoints(point);
    }

// ポイントを追加する関数
    function addPoints(point) {
      let points = parseInt(document.getElementById('points').innerText);
      points += point;
      document.getElementById('points').innerText = points;
    }
  </script>
</body>
</html>
```

このHTMLファイルでは、スマホの操作でセブンイレブンの商品（絵文字）を選ぶことができます。選んだ商品は下部の「選んだ商品」の項目に表示され、ポイントも加算されます。選べる商品にはポイントが設定されており、商品を選ぶたびにポイントが加算されます。

以上がセブンイレブンのゲームの実装例になります。絵文字を使用して見やすく表示されるようになっています。