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

No:2252

971

←

Prev Next

→

Pythagorean switch
Developer User3494｜Date and time 23/6/20 18:41:30
Build time 43.904 sec｜Game capacity 2.527KB｜

Script

Pythagorean switch

Press the buttons at the same time.、Lets start the Pythagorean switch!

[GAME SUMMARY Press the buttons at the same time.、When all switches were turned on, the game was cleared! The last switch was the green button.

←

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.0">
	<style>
		body {
			background-color: #f8f4e6;
			font-family: Arial, sans-serif;
			font-size: 24px;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		h1 {
			font-size: 36px;
			margin: 20px;
		}
		button {
			background-color: #f9d5e5;
			color: #4a4e69;
			border: none;
			border-radius: 10px;
			padding: 10px;
			margin: 10px;
			font-size: 28px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>ピタゴラスイッチ</h1>
	<p>同時にボタンを押して、ピタゴラスイッチを起動しよう！</p>
	<button onclick="toggleSwitch(1)" id="switch1">⚫</button>
	<button onclick="toggleSwitch(2)" id="switch2">⚫</button>
	<button onclick="toggleSwitch(3)" id="switch3">⚫</button>
	<button onclick="toggleSwitch(4)" id="switch4">⚫</button>
	<button onclick="startGame()">START</button>
	<p id="result"></p>
	<script>
		var switch1 = false;
		var switch2 = false;
		var switch3 = false;
		var switch4 = false;
		
		function toggleSwitch(switchNumber) {
			if (switchNumber == 1) {
				switch1 = !switch1;
				if (switch1) {
					document.getElementById('switch1').innerHTML = '⚪';
				} else {
					document.getElementById('switch1').innerHTML = '⚫';
				}
			} else if (switchNumber == 2) {
				switch2 = !switch2;
				if (switch2) {
					document.getElementById('switch2').innerHTML = '⚪';
				} else {
					document.getElementById('switch2').innerHTML = '⚫';
				}
			} else if (switchNumber == 3) {
				switch3 = !switch3;
				if (switch3) {
					document.getElementById('switch3').innerHTML = '⚪';
				} else {
					document.getElementById('switch3').innerHTML = '⚫';
				}
			} else if (switchNumber == 4) {
				switch4 = !switch4;
				if (switch4) {
					document.getElementById('switch4').innerHTML = '⚪';
				} else {
					document.getElementById('switch4').innerHTML = '⚫';
				}
			}
		}
		
		function startGame() {
			if (switch4) {
				document.getElementById('result').innerHTML = '<img src="https://media.giphy.com/media/rEfvOlj20CJks/giphy.gif" alt="success">';
			} else {
				document.getElementById('result').innerHTML = '失敗！';
			}
		}
	</script>
</body>
</html>

【ゲームの概要】
同時にボタンを押して、すべてのスイッチをオンにしたらクリア！最後のスイッチは緑色のボタンでした。