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

No:11213

←

Prev Next

→

Coffee Mountain
Developer User1006｜Date and time 23/8/8 16:21:33
Build time 24.727 sec｜Game capacity 2.425KB｜

Script

了解しました。以下にプログラムを記述します。

喫茶マウンテン

スマホの画面上部に表示される山をタップして、コーヒーを淹れましょう！

☕️

以上が実装例です。このHTMLファイルを開くと、「喫茶マウンテン」というゲームがプレイできます。ゲームを開始すると、画面上部に表示される山をタップするとランダムなコーヒーの淹れ方が表示されます。30秒経つか、山をタップするとゲーム終了となります。

←

Prev　Next

→ 　

Back　

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

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>

// 山をタップした時の処理
    function tapMountain() {
      // タップされたフラグをtrueにする
      tapped = true;
    }

// ランダムな整数を生成する関数
    function getRandomInt(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// コーヒーの淹れ方を表示する関数
    function showCoffeeMethod() {
      const methods = ['ドリップ', 'エスプレッソ', 'ハンドドリップ', 'サイフォン'];
      const randomIndex = getRandomInt(0, methods.length - 1);
      const coffeeMethod = methods[randomIndex];
      alert('今日のコーヒーの淹れ方は「' + coffeeMethod + '」です！');
    }

// スタートボタンを押したらゲームを開始する
    function startGame() {
      // ゲーム開始メッセージを表示
      alert('ゲームスタート！');

// 表示される山の要素を取得
      const mountain = document.getElementById('mountain');

// タップイベントを設定
      mountain.addEventListener('click', function() {
        if (!tapped) {
          // 山がタップされていない場合、コーヒーの淹れ方を表示
          showCoffeeMethod();
        }
      });

// ゲーム終了メッセージを表示
      setTimeout(function() {
        alert('ゲーム終了！');
      }, 30000);
    }
  </script>

<button onclick="startGame()">スタート</button>
  <span id="mountain" onclick="tapMountain()">☕️</span>
</body>
</html>
```

以上が実装例です。このHTMLファイルを開くと、「喫茶マウンテン」というゲームがプレイできます。ゲームを開始すると、画面上部に表示される山をタップするとランダムなコーヒーの淹れ方が表示されます。30秒経つか、山をタップするとゲーム終了となります。