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

No:3071

3576

←

Prev Next

→

🍣🆚🧈🐼
Developer anonymous｜Date and time 70/1/1 9:42:28
Build time unknown sec｜Game capacity 2.548KB｜

Script

🍣🆚🧈🐼ゲーム

🍣🆚🧈🐼

スマホで🐼をタッチしてください！

Score: 0

Time: 0

🐼

これが🍣🆚🧈🐼ゲームです！画面をタップして🐼をタップし、短い制限時間内でスコアを上げましょう！

←

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: #FEE4B4;
			text-align: center;
		}
		h1 {
			font-size: 3rem;
			margin-top: 30px;
		}
		p {
			font-size: 2rem;
			margin-top: 20px;
		}
		button {
			background-color: #ffffff;
			color: #000000;
			font-size: 2rem;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			margin-top: 30px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>🍣🆚🧈🐼</h1>
	<p>スマホで🐼をタッチしてください！</p>
	<script>
		let score = 0; //得点
		const timer = 5; //制限時間
		let time = timer; //残り時間

//タイマーを表示する関数
		function displayTimer() {
			const timerArea = document.getElementById('timer');
			timerArea.textContent = `Time: ${time}`;
		}

//ゲームオーバー時の処理
		function gameOver() {
			alert(`Time up! Your score is ${score}!`);
			location.reload(); //ページをリロードする
		}

//指定した秒数後にゲームオーバーにする処理
		function countDown() {
			time--;
			displayTimer();
			if (time === 0) {
				clearInterval(timerId); //タイマーを停止する
				gameOver();
			}
		}

//得点を加算する処理
		function addScore() {
			score++;
			const scoreArea = document.getElementById('score');
			scoreArea.textContent = `Score: ${score}`;
		}

//🐼をタップした時の処理
		function tapPanda() {
			addScore();
			const panda = document.getElementById('panda');
			panda.style.top = `${Math.random()*70}%`;
			panda.style.left = `${Math.random()*70}%`;
		}

//初期設定
		window.onload = function() {
			const startButton = document.getElementById('start');
			startButton.onclick = function() {
				this.style.display = 'none'; //スタートボタンを非表示にする
				const timerId = setInterval(countDown, 1000); //1秒ごとにcountDown関数を呼び出す
				displayTimer(); //タイマーを表示する
				const panda = document.getElementById('panda');
				panda.onclick = tapPanda; //🐼がタップされた時の処理を紐づける
			}
		};
	</script>
	<p id="score">Score: 0</p>
	<p id="timer">Time: 0</p>
	<button id="start">Start</button>
	<div id="panda" style="position: absolute; top: 40%; left: 40%; font-size: 5rem; cursor: pointer;">🐼</div>
</body>
</html>

これが🍣🆚🧈🐼ゲームです！画面をタップして🐼をタップし、短い制限時間内でスコアを上げましょう！