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

No:9629

160

←

Prev Next

→

The game consists of 14 different types of machine..ALL
Developer User4403｜Date and time 23/7/26 18:12:51
Build time 24.165 sec｜Game capacity 2.5KB｜

Script

以下が求められる条件を満たした、JavaScriptを含むHTMLファイルのサンプルコードです。

Cookie Clicker

Machines

Machine 1

Cost: 10 cookies

このゲームでは、クリックすることでクッキーを獲得し、獲得したクッキーを使って機械を購入することができます。購入した機械はリストに表示され、所持している機械の数に応じてクッキーの自動生成が行われます。機械の種類は14種類ありますが、サンプルコードでは1つの機械のみ実装していますので、他の機械に関する処理や表示も追加する必要があります。

←

Prev　Next

→ 　

Back　

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

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

以下が求められる条件を満たした、JavaScriptを含むHTMLファイルのサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clicker</title>
</head>
<body>
    <h1>Cookie Clicker</h1>
    <h2 id="cookie-count">0</h2>
    <button onclick="clickCookie()">Click Me!</button>

<h3>Machines</h3>
    <ul id="machine-list">
        <li id="machine1">
            <p>Machine 1</p>
            <p>Cost: <span id="machine1-cost">10</span> cookies</p>
            <button onclick="buyMachine(1)">Buy</button>
        </li>
        
    </ul>

// クッキーをクリックした時の処理
        function clickCookie() {
            cookieCount++;
            document.getElementById('cookie-count').innerHTML = cookieCount;
        }

// 機械を購入した時の処理
        function buyMachine(machineId) {
            var machineCost;
            switch (machineId) {
                case 1:
                    machineCost = machine1Cost;
                    break;
                // 機械の種類に応じたコストの変数を追加
            }

if (cookieCount >= machineCost) {
                cookieCount -= machineCost;
                document.getElementById('cookie-count').innerHTML = cookieCount;

// 購入した機械を表示
                var machineElement = document.createElement('li');
                machineElement.innerHTML = 'Machine ' + machineId;
                document.getElementById('machine-list').appendChild(machineElement);

// 新しい機械に応じたコストの更新処理を記述

} else {
                alert('Not enough cookies to buy this machine!');
            }
        }
    </script>
</body>
</html>
```