Click game Clear the game after 1,000,000 clicks. There are items that increase the points for each click. There are also items that automatically click.'s game

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

No:2987

963

←

Prev Next

→

Click game Clear the game after 1,000,000 clicks. ..ALL
Developer User3649｜Date and time 23/6/23 10:20:19
Build time 42.672 sec｜Game capacity 4.36KB｜

Script

{% for item in items %}

{{ item.name }}
コスト: {{ item.cost }} {% if item.name == '自動クリッカー' %} {% else %} [+{{ clickPoints * (item.effect - 1) }}ポイント] {% endif %}

{% endfor %}

←

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 type="text/css">
		body {
			text-align: center;
			background-color: #eee;
			font-size: 36px;
			padding-top: 100px;
		}
		#counter {
			font-size: 72px;
			font-weight: bold;
			margin-top: 50px;
		}
		button {
			background-color: #ff9561;
			border-radius: 10px;
			padding: 20px 50px;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			cursor: pointer;
			margin-top: 50px;
		}
		.item {
			background-color: #ff70a6;
			border-radius: 10px;
			padding: 20px;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			cursor: pointer;
			margin: 20px;
			display: inline-block;
		}
		#auto-clicker {
			margin-top: 50px;
		}
	</style>
	<script type="text/javascript">
		var counter = 0;
		var clickPoints = 1;
		var autoClickerEnabled = false;
		var autoClickerSpeed = 1000;
		var autoClickerIntervalId = null;
		var items = [
			{name: '小さなポイント増加器', cost: 10, effect: 1.2},
			{name: '中くらいのポイント増加器', cost: 50, effect: 1.5},
			{name: '大きなポイント増加器', cost: 100, effect: 2},
			{name: '自動クリッカー', cost: 500, effect: 1},
			{name: 'スーパーポイント増加器', cost: 200, effect: 5},
			{name: 'レジェンドポイント増加器', cost: 800, effect: 10},
			{name: 'ゴッドポイント増加器', cost: 10000, effect: 100},
			{name: 'ウルトラポイント増加器', cost: 50000, effect: 1000},
			{name: 'ハイパーポイント増加器', cost: 100000, effect: 10000},
			{name: 'フェニックスポイント増加器', cost: 500000, effect: 100000}
		];

function init() {
			updateCounter();
			showItems();
			document.getElementById('clicker').addEventListener('click', function() {
				counter += clickPoints;
				updateCounter();
			});

items.forEach(function(item, index) {
				document.getElementById('item-' + index).addEventListener('click', function() {
					if (counter >= item.cost) {
						counter -= item.cost;
						clickPoints *= item.effect;
						if (item.name === '自動クリッカー') {
							if (autoClickerEnabled === false) {
								startAutoClicker();
							}
						}
						updateCounter();
						showItems();
					}
				});
			});
		}

function startAutoClicker() {
			autoClickerEnabled = true;
			autoClickerIntervalId = setInterval(function() {
				counter += clickPoints;
				updateCounter();
			}, autoClickerSpeed);
			updateAutoClicker();
		}

function stopAutoClicker() {
			autoClickerEnabled = false;
			clearInterval(autoClickerIntervalId);
			autoClickerIntervalId = null;
			updateAutoClicker();
		}

function updateCounter() {
			document.getElementById('counter').innerHTML = counter;
		}

function updateAutoClicker() {
			document.getElementById('auto-clicker').innerHTML = (autoClickerEnabled ? '自動クリッカーを停止する' : '自動クリッカーを開始する');
		}

function toggleAutoClicker() {
			if (autoClickerEnabled) {
				stopAutoClicker();
			} else {
				startAutoClicker();
			}
		}
	</script>
</head>
<body onload="init()">
	<div id="counter">0</div>
	<button id="clicker">クリック</button>
	<div id="auto-clicker"></div>
	<div id="items">
		{% for item in items %}
			<div id="item-{{ loop.index0 }}" class="item">
				{{ item.name }}<br>
				コスト: {{ item.cost }}
				{% if item.name == '自動クリッカー' %}
					<button onclick="toggleAutoClicker()">自動クリッカーを開始する</button>
				{% else %}
					[+{{ clickPoints * (item.effect - 1) }}ポイント]
				{% endif %}
			</div>
		{% endfor %}
	</div>
</body>
</html>