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

No:4421

1301

←

Prev Next

→

Not disappearing into Okhotsk.
Developer User3727｜Date and time 23/6/28 0:09:46
Build time 24.245 sec｜Game capacity 1.976KB｜

Script

ご依頼ありがとうございます。以下は、JavaScriptによる簡単なゲームの例です。

JavaScriptゲーム

このゲームは、10秒間で画像をクリックしてスコアを加算するという簡単なものです。ボタンをクリックして開始し、タイムアップになると再度ボタンを表示します。スマホでも遊べます。絵文字は使っていませんが、代わりに画像を使っています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

ご依頼ありがとうございます。以下は、JavaScriptによる簡単なゲームの例です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>JavaScriptゲーム</title>
	<style>
		body {
			text-align: center;
			background-color: pink;
		}
		h1 {
			font-size: 3em;
			margin-top: 50px;
		}
		button {
			background-color: yellow;
			padding: 20px;
			font-size: 1.5em;
			border-radius: 20px;
			margin-top: 50px;
			cursor: pointer;
			transition: background-color 0.5s;
		}
		button:hover {
			background-color: orange;
		}
		#score {
			font-size: 2em;
			margin-top: 50px;
		}
	</style>
	<script>
		// 初期設定
		var score = 0;
		var timerID;
		var timeLeft = 10;
		
		// 開始ボタンを押したときの処理
		function startGame() {
			document.getElementById("start").style.display = "none";
			document.getElementById("score").innerHTML = "Score: " + score;
			timerID = setInterval(function(){
				timeLeft--;
				document.getElementById("timeLeft").innerHTML = "Time left: " + timeLeft + " s";
				if (timeLeft == 0) {
					clearInterval(timerID);
					document.getElementById("timeLeft").innerHTML = "Time's up!";
					document.getElementById("start").style.display = "inline-block";
				}
			}, 1000);
		}
		
		// スコアを加算
		function addScore() {
			score++;
			document.getElementById("score").innerHTML = "Score: " + score;
		}
	</script>
</head>
<body>
	<h1>JavaScriptゲーム</h1>
	<button id="start" onclick="startGame()">Start</button>
	<div id="score"></div>
	<div id="timeLeft"></div>
	<img src="smile.png" alt="smile" width="100" onclick="addScore()">
</body>
</html>