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

No:339

256

←

Prev Next

→

Games to care for the elderly
Developer User2983｜Date and time 23/6/12 13:21:31
Build time 36.617 sec｜Game capacity 3.102KB｜

Script

はい、了解しました。以下に老人を介護するゲームの実装例を示します。

老人介護ゲーム

このゲームは、60秒間でボタンをクリックして老人の手当てをするゲームです。ボタンをクリックすると、スコアが加算され、ランダムな位置にボタンが移動します。制限時間が終了したら、スコアに応じてメッセージが表示されます。スマホでも遊べるようにデザインしているため、スマホ画面にも対応しています。絵文字も使い、わかりやすく楽しめるようにしています。

←

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">
	<style>
		body {
			margin: 0;
			padding: 0;
			font-family: Arial, sans-serif;
			background-color: #f5f5f5;
		}
		
		h1 {
			text-align: center;
			margin: 40px 0;
			font-size: 36px;
		}
		
		.container {
			max-width: 600px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 0 2px 5px rgba(0,0,0,0.3);
			padding: 20px;
		}
		
		.button {
			display: block;
			margin: 20px auto;
			padding: 10px 20px;
			background-color: #ffa07a;
			color: #fff;
			border: none;
			border-radius: 5px;
			font-size: 24px;
			cursor: pointer;
			box-shadow: 0 2px 5px rgba(0,0,0,0.3);
			text-align: center;
			text-decoration: none;
		}
		
		#timer {
			display: block;
			text-align: center;
			font-size: 48px;
			margin: 40px 0;
		}
		
		#message {
			display: block;
			text-align: center;
			font-size: 24px;
			margin: 20px 0;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>老人介護ゲーム</h1>
		<div id="timer">60</div>
		<div id="message"></div>
		<button id="button" class="button">手当てをする</button>
	</div>
	
	<script>
		const button = document.getElementById("button");
		const timer = document.getElementById("timer");
		const message = document.getElementById("message");
		
		let count = 60;
		let score = 0;
		let timerId = setInterval(countDown, 1000);
		
		// カウントダウン
		function countDown() {
			count--;
			timer.innerHTML = count;
			if (count === 0) {
				clearInterval(timerId);
				button.disabled = true;
				showResult();
			}
		}
		
		// 手当てをする
		button.addEventListener("click", function() {
			// スコアを加算
			score++;
			// ボタンをランダムな位置に移動
			button.style.marginLeft = Math.floor((Math.random() * 400) + 1) + "px"
			button.style.marginTop = Math.floor((Math.random() * 400) + 1) + "px"
			// メッセージを更新
			message.innerHTML = "手当てしました！";
			setTimeout(function() {
				message.innerHTML = "";
			}, 1000);
		});
		
		// 結果を表示
		function showResult() {
			if (score >= 30) {
				message.innerHTML = "素晴らしい介護でした！";
			} else if (score >= 20) {
				message.innerHTML = "まあまあの介護でした。";
			} else {
				message.innerHTML = "少し手抜きだったかも･･･。";
			}
		}
	</script>
</body>
</html>