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

No:9498

201

←

Prev Next

→

Cocoa composite milk mochi!
Developer User3589｜Date and time 23/7/25 18:17:54
Build time 18.858 sec｜Game capacity 1.688KB｜

Script

了解です！以下に、スマホで遊べる簡単なゲームのプログラム例を示します。このゲームでは、「ココア合成ミルクもち！」というタイトルで、ココアを合成してミルクもちを作るというゲームです。

ココア合成ミルクもち！

ココアをタップしてミルクもちを作ろう！

合成したミルクもちの数: 0

このプログラムでは、htmlファイル内にJavaScriptのコードを埋め込んでいます。`createMilkMochi()`関数は、ミルクもちを作成するたびに呼び出されます。作成したミルクもちの数は変数`score`で管理され、ボタンが押されるたびに画面上に表示されます。このゲームでは、ココアをタップすると合成したミルクもちの数が増えるというシンプルなゲームです。

←

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>
  <p id="score">合成したミルクもちの数: 0</p>

function createMilkMochi() {
      score++; // ミルクもちの数を1増やす
      document.getElementById("score").textContent = "合成したミルクもちの数: " + score;
    }

// ココアの生成
    var cocoa = document.createElement("div");
    cocoa.innerHTML = "🍫";
    cocoa.style.fontSize = "50px";
    cocoa.style.textAlign = "center";
    cocoa.style.cursor = "pointer";
    cocoa.addEventListener("click", createMilkMochi);

// ココアを画面内に表示する
    document.body.appendChild(cocoa);
  </script>
</body>
</html>
```

このプログラムでは、htmlファイル内にJavaScriptのコードを埋め込んでいます。`createMilkMochi()`関数は、ミルクもちを作成するたびに呼び出されます。作成したミルクもちの数は変数`score`で管理され、ボタンが押されるたびに画面上に表示されます。

このゲームでは、ココアをタップすると合成したミルクもちの数が増えるというシンプルなゲームです。