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

No:2672

3744

←

Prev Next

→

A survival game with monsters where the protagonis..ALL
Developer User3601｜Date and time 23/6/22 9:31:42
Build time 34.83 sec｜Game capacity 2.485KB｜

Script

好きな乗り物を選ぼう！

5種類の乗り物の中から1つ選んで優勝を目指そう！

優勝する乗り物は毎回変わるよ！

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<html>
<head>
	<title>投票ゲーム</title>
	<style>
		body {
			font-size: 30px;
			text-align: center;
		}
		button {
			background-color: #4CAF50;
			color:white;
			padding: 20px;
			font-size: 30px;
			border: none;
			border-radius: 10px;
			margin: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>好きな乗り物を選ぼう！</h1>
	<p>5種類の乗り物の中から1つ選んで優勝を目指そう！</p>
	<p>優勝する乗り物は毎回変わるよ！</p>
	<button id="btn1">🚘</button>
	<button id="btn2">🚗</button>
	<button id="btn3">🚲</button>
	<button id="btn4">🏍️</button>
	<button id="btn5">🛴</button>
	<script>
		//乗り物のリスト
		var vehicles = ['🚘', '🚗', '🚲', '🏍️', '🛴'];
		//優勝乗り物のインデックス
		var winnerIndex = Math.floor(Math.random() * 5);
		//ボタン1を押した時の処理
		document.getElementById("btn1").onclick = function() {
			if(winnerIndex == 0) {
				//優勝！
				alert("Winner!!!");
				effect();
			} else {
				//惜しかったね…
				alert("Loser :(");
			}
		};
		//ボタン2を押した時の処理
		document.getElementById("btn2").onclick = function() {
			if(winnerIndex == 1) {
				//優勝！
				alert("Winner!!!");
				effect();
			} else {
				//惜しかったね…
				alert("Loser :(");
			}
		};
		//ボタン3を押した時の処理
		document.getElementById("btn3").onclick = function() {
			if(winnerIndex == 2) {
				//優勝！
				alert("Winner!!!");
				effect();
			} else {
				//惜しかったね…
				alert("Loser :(");
			}
		};
		//ボタン4を押した時の処理
		document.getElementById("btn4").onclick = function() {
			if(winnerIndex == 3) {
				//優勝！
				alert("Winner!!!");
				effect();
			} else {
				//惜しかったね…
				alert("Loser :(");
			}
		};
		//ボタン5を押した時の処理
		document.getElementById("btn5").onclick = function() {
			if(winnerIndex == 4) {
				//優勝！
				alert("Winner!!!");
				effect();
			} else {
				//惜しかったね…
				alert("Loser :(");
			}
		};
		//エフェクト
		function effect() {
			document.body.style.background = "linear-gradient(to bottom right, red, yellow)";
			document.body.innerHTML += "<h2>🎉🎉🎉🎉🎉🎉🎉🎉🎉</h2>";
			document.body.innerHTML += "<h2>🎉🎉🎉🎉🎉🎉🎉🎉🎉</h2>";
			document.body.innerHTML += "<h2>🎉🎉🎉🎉🎉🎉🎉🎉🎉</h2>";
		}
	</script>
</body>
</html>