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

No:37782

←

Prev Next

→

クレーンゲーム
Developer User17126｜Date and time 24/1/21 16:23:41
Build time 14.481 sec｜Game capacity 3.593KB｜

Script

了解です。以下に示すのは、簡単なクレーンゲームの実装例です。

クレーンゲーム

クレーンが動いていません。

現在の位置: 0

把握している: いいえ

このプログラムでは、4つのボタンを使用してクレーンの動きを制御します。クレーンの現在位置や把握の状態はそれぞれ表示されます。ボタンをクリックすると、対応する処理が行われます。このプログラムは、HTMLファイルとして実装されており、必ず1枚のファイルとなっています。また、必ずJavaScriptが含まれており、scriptタグで囲まれています。処理は実行開始され、ブラウザで遊ぶことができる完成したゲームとなっています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下に示すのは、簡単なクレーンゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>クレーンゲーム</title>
</head>
<body>
    <h1>クレーンゲーム</h1>
    <div>
        <button onclick="moveLeft()">←</button>
        <button onclick="moveRight()">→</button>
        <button onclick="lowerCrane()">↓</button>
        <button onclick="grab()">把握する</button>
        <button onclick="release()">離す</button>
    </div>
    <div>
        <p id="status">クレーンが動いていません。</p>
        <p>現在の位置: <span id="position">0</span></p>
        <p>把握している: <span id="isGrabbed">いいえ</span></p>
    </div>

function lowerCrane() {
            if (!isGrabbed) {
                document.getElementById("status").textContent = "クレーンを下ろしています...";
            } else {
                document.getElementById("status").textContent = "クレーンが把握されています。離してから動かしてください。";
            }
        }

このプログラムでは、4つのボタンを使用してクレーンの動きを制御します。クレーンの現在位置や把握の状態はそれぞれ表示されます。ボタンをクリックすると、対応する処理が行われます。

このプログラムは、HTMLファイルとして実装されており、必ず1枚のファイルとなっています。また、必ずJavaScriptが含まれており、scriptタグで囲まれています。処理は実行開始され、ブラウザで遊ぶことができる完成したゲームとなっています。