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

No:16054

←

Prev Next

→

シーソー
Developer はにわ｜Date and time 23/9/15 17:58:03
Build time 21.537 sec｜Game capacity 1.683KB｜

Script

了解です。下記はシーソーのゲームを実装したサンプルコードです。

シーソーゲーム

⬆️⬆️⬆️

このゲームでは、「⬆️」を使ってシーソーを表現しています。左右のボタンを押すことでシーソーが傾き、その結果が画面に表示されます。すると、プレーヤーはシーソーがどちらに傾いているかを確認できます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。下記はシーソーのゲームを実装したサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>シーソーゲーム</title>
    <style>
        #seesaw {
            font-size: 100px;
            text-align: center;
        }
        
        .button {
            font-size: 40px;
            display: block;
            width: 200px;
            margin: 20px auto;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>シーソーゲーム</h1>
    <div id="seesaw">⬆️⬆️⬆️</div>
    <button class="button" onclick="tiltLeft()">⬅️</button>
    <button class="button" onclick="tiltRight()">➡️</button>
    
    <script>
        let tilt = 0; // シーソーの傾きを管理する変数
        
        function tiltLeft() {
            tilt--;
            updateSeesaw();
        }
        
        function tiltRight() {
            tilt++;
            updateSeesaw();
        }
        
        function updateSeesaw() {
            let seesaw = "⬆️";
            seesaw += "⬆️".repeat(Math.max(0, tilt));
            seesaw += "⬆️".repeat(Math.max(0, -tilt));
            document.getElementById("seesaw").textContent = seesaw;
        }
        
        updateSeesaw(); // 初期化時にシーソーを描画する
    </script>
</body>
</html>
```