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

No:347

213

←

Prev Next

→

Train Simulator
Developer User2983｜Date and time 23/6/12 18:19:36
Build time 24.957 sec｜Game capacity 1.838KB｜

Script

Train Simulator

🚃

Current speed: 1.5 m/s 0 km/h

Summary: This application is、Train Simulator. Press the departure button.、The train accelerates. Press the brake button.、The train stops. Speed increases by 10 km/h every second. It can be operated with a smart phone.、Unicode pictograms are used.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>電車シミュレーター</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body{
			background-color: #e6e6e6;
		}
		.container{
			margin: auto;
			margin-top: 50px;
			padding: 20px;
			border-radius: 10px;
			background-color: white;
			width: 90%;
			max-width: 500px;
			text-align: center;
		}
		button{
			margin: 10px;
			padding: 10px;
			border-radius: 10px;
			background-color: #007fff;
			color: white;
			border: none;
			font-size: 16px;
			cursor: pointer;
		}
		.train{
			display: inline-block;
			margin: 20px;
			font-size: 80px;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>電車シミュレーター</h1>
		<div id="train" class="train">🚃</div>
		<p>現在の速度: <span id="speed">0</span> km/h</p>
		<button id="startButton" onclick="start()">出発</button>
		<button id="brakeButton" onclick="brake()">ブレーキ</button>
	</div>
	<script>
		let speed = 0;
		let intervalID;

function start(){
			document.getElementById("startButton").disabled = true;
			document.getElementById("brakeButton").disabled = false;
			intervalID = setInterval(function(){
				speed += 10;
				document.getElementById("speed").innerHTML = speed;
			}, 1000);
		}

function brake(){
			document.getElementById("startButton").disabled = false;
			document.getElementById("brakeButton").disabled = true;
			clearInterval(intervalID);
		}
	</script>
</body>
</html>

概要：このアプリは、電車シミュレーターです。出発ボタンを押すと、電車が加速していきます。ブレーキボタンを押すと、電車が停止します。速度は1秒ごとに10km/hずつ増加します。スマートフォンでも操作可能で、Unicodeの絵文字を使用しています。