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

No:946

142

←

Prev Next

→

Games that imitate cookie clickers
Developer User3198｜Date and time 23/6/17 22:59:33
Build time 29.614 sec｜Game capacity 2.403KB｜

Script

Cookie Clicker Game

このゲームは、スマホでも簡単に操作できます。クッキーの画像をクリックすると、スコアが1ずつ増えます。スコアが10以上になったら、「Upgrade」ボタンをクリックして、アップグレードを購入することができます。アップグレードは、スコアの10倍のコストで、クリックごとにスコアを2増やすようになります。アップグレードのコストは、購入するたびに2倍になり、100を超えるとボタンが非表示になります。

←

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">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Cookie Clicker Game</title>
	<style>
		body {
			background-color: #ffd6b6;
			text-align: center;
			font-family: Arial, sans-serif;
		}

h1 {
			font-size: 2em;
			margin-top: 50px;
			margin-bottom: 20px;
		}

#cookie {
			width: 150px;
			height: 150px;
			border-radius: 75px;
			background-color: #f1c40f;
			display: inline-block;
			margin-top: 50px;
			cursor: pointer;
		}

#cookie:hover {
			background-color: #d68910;
		}

#score {
			font-size: 1.5em;
			margin-top: 20px;
			margin-bottom: 20px;
		}

#upgrade {
			background-color: #e67e22;
			color: #fff;
			font-size: 1.2em;
			padding: 10px;
			border: none;
			border-radius: 5px;
			margin-top: 20px;
			cursor: pointer;
		}

#upgrade:disabled {
			background-color: #bdc3c7;
			color: #fff;
			cursor: not-allowed;
		}
	</style>
</head>
<body>
	<h1>Cookie Clicker Game</h1>
	<div id="cookie"></div>
	<p id="score">0</p>
	<button id="upgrade" disabled>Upgrade (cost: 10)</button>

const cookie = document.getElementById("cookie");
		const scoreP = document.getElementById("score");
		const upgradeBtn = document.getElementById("upgrade");

function clickCookie() {
			score++;
			scoreP.textContent = score;
			if(score >= upgradeCost) {
				upgradeBtn.disabled = false;
			}
		}

cookie.addEventListener("click", clickCookie);
		upgradeBtn.addEventListener("click", upgrade);
	</script>
</body>
</html>