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

No:2388

1878

←

Prev Next

→

A real man.
Developer sayaensm｜Date and time 23/6/21 8:47:37
Build time 15.146 sec｜Game capacity 2.011KB｜

Script

というゲームを作成しました。以下がプログラムの一部です。

本物の男

あなたは本物の男を目指しています。さあ、挑戦してみよう！

このゲームは、10秒以内にボタンを何度クリックできるか競います。スマホでもシンプルなインターフェースで遊ぶことができます。背景色はピンク系統で、タイトルやボタンは赤色です。絵文字は使用していませんが、文字の大きさや色などで分かりやすくしています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

というゲームを作成しました。以下がプログラムの一部です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>本物の男</title>
	<style>
		body {
			background-color: #ffe6e6;
		}
		h1 {
			text-align: center;
			font-size: 3rem;
			margin-top: 3rem;
			color: #ff6666;
		}
		button {
			background-color: #ff6666;
			color: #fff;
			font-size: 2rem;
			padding: 1rem 2rem;
			border-radius: 1rem;
			border: none;
			margin: 2rem auto;
			display: block;
		}
	</style>
</head>
<body>
	<h1>本物の男</h1>
	<p>あなたは本物の男を目指しています。さあ、挑戦してみよう！</p>
	<button onclick="startGame()">ゲームスタート</button>
	<script>
		let score = 0;
		let timerId;
		
		function startGame() {
			score = 0;
			timerId = setInterval(decreaseTime, 1000);
			document.body.innerHTML = '<h1>本物の男</h1><p>10秒以内にボタンをクリックしましょう！</p><button onclick="score++">クリック！</button><p>スコア: <span id="score">0</span></p><p>残り時間: <span id="time">10</span>秒</p>';
			updateScore();
		}
		
		function decreaseTime() {
			let time = document.getElementById("time");
			time.innerHTML = parseInt(time.innerHTML) - 1;
			if (parseInt(time.innerHTML) === 0) {
				clearInterval(timerId);
				document.body.innerHTML = '<h1>本物の男</h1><p>残念！時間切れです。もう一度挑戦してみよう！</p><button onclick="startGame()">再挑戦</button>';
			}
		}
		
		function updateScore() {
			let scoreBoard = document.getElementById("score");
			scoreBoard.innerHTML = score;
		}
	</script>
</body>
</html>