There is a red button and a blue button.When you see the message "Please press the red button," press the red button.When you see the message, "Please press the blue button," press the blue button.When the message "Please press the blue button" appears at 50%. You will see a message that says press the red button's game

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

No:563

212

←

Prev Next

→

There is a red button and a blue button.When you s..ALL
Developer User3032｜Date and time 23/6/15 20:13:11
Build time 26.78 sec｜Game capacity 2.192KB｜

Script

←

Prev　Next

→ 　

Back　

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

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 {
		font-family: Arial, sans-serif;
	}
	#game-container {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#text {
		font-size: 3rem;
		text-align: center;
		margin-bottom: 2rem;
	}
	#red-button, #blue-button {
		background-color: #e74c3c;
		color: white;
		padding: 1rem 2rem;
		font-size: 2rem;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		margin-right: 1rem;
	}
	#blue-button {
		background-color: #2980b9;
	}
	</style>
</head>
<body>
	<div id="game-container">
		<div id="text"></div>
		<button id="red-button">赤いボタン</button>
		<button id="blue-button">青いボタン</button>
	</div>
	<script>
	const text = document.querySelector("#text");
	const redButton = document.querySelector("#red-button");
	const blueButton = document.querySelector("#blue-button");

const activateButton = (button) => {
		button.classList.add("active");
		setTimeout(() => {
			button.classList.remove("active");
		}, 1000);
	};

const getRandomNumber = () => {
		return Math.floor(Math.random() * 100);
	}

const initGame = () => {
		redButton.addEventListener("click", handleRedButtonClick);
		blueButton.addEventListener("click", handleBlueButtonClick);

const randomNumber = getRandomNumber();
		if (randomNumber < 50) {
			text.innerText = "青いボタンを押してください";
		} else {
			text.innerText = "赤いボタンを押してください";
		}
	};

initGame();
	</script>
</body>
</html>