Edamame spinning game How to spin's game

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

No:561

198

←

Prev Next

→

Edamame spinning game How to spin
Developer User3032｜Date and time 23/6/15 20:03:00
Build time 24.575 sec｜Game capacity 1.801KB｜

Script

Points: 0

edamame (green soybeans)

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>えだまめ回し</title>
</head>
<body>
	<div id="score">ポイント: 0</div>
	<div id="bean">えだまめ</div>
	<script>
		let score = 0;
		let beanCount = 0;
		let coinCount = 0;
		let trophyCount = 0;
		let isDoublePoint = false;
		
		const scoreElem = document.getElementById("score");
		const beanElem = document.getElementById("bean");
		
		function resetGame() {
			score = 0;
			beanCount = 0;
			coinCount = 0;
			trophyCount = 0;
			isDoublePoint = false;
			scoreElem.innerText = "ポイント: " + score;
		}
		
		function addPoint() {
			score += (isDoublePoint ? 2 : 1);
			scoreElem.innerText = "ポイント: " + score;
			beanCount++;
			if (beanCount >= 10) {
				beanElem.innerText = "大豆";
			}
			if (beanCount >= 50 && Math.random() < 0.5) {
				beanElem.innerText = "コイン";
				coinCount = Math.floor(Math.random() * 970) + 30;
			}
			if (beanCount >= 1000) {
				beanElem.innerText = "トロフィー";
				trophyCount++;
				resetGame();
			}
			if (beanCount >= 10000) {
				beanElem.innerText = "キャベツ";
				document.removeEventListener("touchstart", touchStartHandler);
				alert("おめでとうございます！ ゲームクリア！");
			}
		}
		
		function touchStartHandler(e) {
			e.preventDefault();
			addPoint();
			if (beanElem.innerText === "大豆") {
				score -= 5;
				scoreElem.innerText = "ポイント: " + score;
				beanElem.innerText = "えだまめ";
			}
			if (beanElem.innerText === "コイン") {
				score += coinCount;
				scoreElem.innerText = "ポイント: " + score;
				beanElem.innerText = "えだまめ";
			}
			if (beanElem.innerText === "トロフィー") {
				resetGame();
			}
		}
		
		document.addEventListener("touchstart", touchStartHandler);
	</script>
</body>
</html>