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

No:9970

202

←

Prev Next

→

Canned Toys
Developer User4448｜Date and time 23/7/28 14:28:56
Build time 14.684 sec｜Game capacity 1.545KB｜

Script

了解です。以下に示すのは、おもちゃの缶詰を開けるゲームのHTMLとJavaScriptの実装例です。

おもちゃの缶詰

🥩

このプログラムでは、おもちゃの缶詰をクリックすると、ゲームがスタートし、おもちゃが出てきます。ゲームがスタートする前は缶詰の絵文字が表示され、クリックするとおもちゃの絵文字が表示されます。また、結果は`<h2>`要素に表示されます。スマートフォンのブラウザで上記のコードを実行すると、おもちゃの缶詰をタップすることでゲームが進行し、おもちゃが出てくるというシンプルなゲームが遊べます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に示すのは、おもちゃの缶詰を開けるゲームのHTMLとJavaScriptの実装例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>おもちゃの缶詰</title>
  <style>
    #can {
      font-size: 100px;
      text-align: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>おもちゃの缶詰</h1>
  <h2 id="result"></h2>
  <div id="can">🥩</div>

let opened = false;

can.addEventListener('click', () => {
      if (!opened) {
        result.textContent = 'ゲームスタート！';
        can.innerHTML = '🥡';
        opened = true;
      } else {
        result.textContent = 'おもちゃが出てきました！';
        can.innerHTML = '🍻';
        can.style.cursor = 'default';
      }
    });
  </script>
</body>
</html>
```

このプログラムでは、おもちゃの缶詰をクリックすると、ゲームがスタートし、おもちゃが出てきます。ゲームがスタートする前は缶詰の絵文字が表示され、クリックするとおもちゃの絵文字が表示されます。また、結果は`<h2>`要素に表示されます。

スマートフォンのブラウザで上記のコードを実行すると、おもちゃの缶詰をタップすることでゲームが進行し、おもちゃが出てくるというシンプルなゲームが遊べます。