สร้างเกมเมื่อกดปุ่มแล้วสุ่ม p1 และ p2 และ p3 และ p4 แล้วสร้างปุ่มรีเกมใหม่'s game

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

No:36337

←

Prev Next

→

สร้างเกมเมื่อกดปุ่มแล้วสุ่ม p1 และ p2 และ p3 และ p..ALL
Developer Spy｜Date and time 24/1/17 12:15:37
Build time 10.393 sec｜Game capacity 1.866KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Pictogram Game</title>
	<style>
		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			flex-direction: column;
		}

.button {
			padding: 10px 20px;
			font-size: 18px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div class="container">
		<img id="p1" src="p1.png" alt="p1" width="100" height="100">
		<img id="p2" src="p2.png" alt="p2" width="100" height="100">
		<img id="p3" src="p3.png" alt="p3" width="100" height="100">
		<img id="p4" src="p4.png" alt="p4" width="100" height="100">
		<button id="playButton" class="button">Play</button>
		<button id="resetButton" class="button">Reset</button>
	</div>

function getRandomPictogram() {
			var randomIndex = Math.floor(Math.random() * pictograms.length);
			return pictograms[randomIndex];
		}

function playGame() {
			var p1 = document.getElementById("p1");
			var p2 = document.getElementById("p2");
			var p3 = document.getElementById("p3");
			var p4 = document.getElementById("p4");

var p1Result = getRandomPictogram();
			var p2Result = getRandomPictogram();
			var p3Result = getRandomPictogram();
			var p4Result = getRandomPictogram();

p1.src = p1Result + ".png";
			p2.src = p2Result + ".png";
			p3.src = p3Result + ".png";
			p4.src = p4Result + ".png";
		}

function resetGame() {
			var p1 = document.getElementById("p1");
			var p2 = document.getElementById("p2");
			var p3 = document.getElementById("p3");
			var p4 = document.getElementById("p4");

p1.src = "p1.png";
			p2.src = "p2.png";
			p3.src = "p3.png";
			p4.src = "p4.png";
		}

document.getElementById("playButton").addEventListener("click", playGame);
		document.getElementById("resetButton").addEventListener("click", resetGame);
	</script>
</body>
</html>