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

No:6900

145

←

Prev Next

→

Karate house helps princess
Developer User3884｜Date and time 23/7/4 5:57:36
Build time 19.749 sec｜Game capacity 1.872KB｜

Script

以下は、JavaScriptを使用して実装されたシンプルなゲームの例です。このゲームでは、空手家が姫を助けることを目指します。

空手家が姫を助けるゲーム

空手家が姫を助けに行きます。ボタンをクリックしてください。

🥋

👸

このゲームでは、空手家（🥋）が姫（👸）を助けに行く様子がアニメーション表示されています。助けるボタンをクリックすると、アニメーションが実行され、2秒後に姫が助けられたことがアラートで表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

以下は、JavaScriptを使用して実装されたシンプルなゲームの例です。このゲームでは、空手家が姫を助けることを目指します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>空手家が姫を助ける</title>
    <style>
        body {
            text-align: center;
        }
        #player {
            font-size: 40px;
        }
        #princess {
            font-size: 60px;
        }
        #rescueButton {
            margin-top: 20px;
            padding: 10px 30px;
            font-size: 20px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>空手家が姫を助けるゲーム</h1>
    <p>空手家が姫を助けに行きます。ボタンをクリックしてください。</p>
    <div id="player">🥋</div>
    <div id="princess">👸</div>
    <button id="rescueButton">助ける</button>
    
    <script>
        var player = document.getElementById("player");
        var princess = document.getElementById("princess");
        var rescueButton = document.getElementById("rescueButton");
        
        // 助けるボタンがクリックされた時の処理
        rescueButton.onclick = function() {
            player.style.animation = "run 2s linear";
            princess.style.animation = "run 2s linear";
            
            setTimeout(function() {
                player.style.animation = "";
                princess.style.animation = "";
                alert("姫を助けました！");
            }, 2000);
        };
    </script>
</body>
</html>
```