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

No:27724

←

Prev Next

→

電車シミュレーター
Developer User13711｜Date and time 23/12/8 15:50:09
Build time 19.742 sec｜Game capacity 1.735KB｜

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>
</head>
<body>
    <h1>電車シミュレーター</h1>
    <p id="message">スタートボタンを押してください。</p>
    <button id="startBtn" onclick="startSimulation()">スタート</button>
    <button id="stopBtn" onclick="stopSimulation()">ストップ</button>
    
    <script>
        let intervalId;

function startSimulation() {
            document.getElementById("message").innerText = "電車が発車しました🚆";
            intervalId = setInterval(function() {
                let emoji = document.createElement("span");
                emoji.innerText = "🚃";
                document.body.appendChild(emoji);

if (window.innerWidth <= emoji.offsetLeft + emoji.offsetWidth) {
                    clearInterval(intervalId);
                    document.getElementById("message").innerText = "電車が終点に到着しました🏁";
                }
            }, 1000);
        }
        
        function stopSimulation() {
            clearInterval(intervalId);
            document.getElementById("message").innerText = "電車が停止しました⛔";
        }
    </script>
</body>
</html>
```