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

No:775

210

←

Prev Next

→

Click counter
Developer User3126｜Date and time 23/6/17 17:20:54
Build time 13.476 sec｜Game capacity 1.058KB｜

Script

Click Counter

This is a simple Click Counter game that allows users to click a button to increment a counter. The current count is displayed on the screen using a large font size. The game is designed for mobile devices as well and includes emojis for a fun touch.

←

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>Click Counter</title>
	<style>
		body {
			font-size: 2em;
			text-align: center;
			background-color: #F5F5F5;
		}
		
		button {
			font-size: 1.2em;
			padding: 10px;
			background-color: #F2B134;
			border: none;
			border-radius: 5px;
			margin: 20px;
			cursor: pointer;
		}
		
		#count {
			font-size: 5em;
		}
		
		h1 {
			font-size: 3em;
			margin-top: 30px;
		}
	</style>
</head>
<body>
	<h1>Click Counter</h1>
	<button id="counter">Click Me!</button>
	<div id="count">0</div>
	
	<script>
		var count = 0;
		var counterBtn = document.getElementById("counter");
		var countDisplay = document.getElementById("count");
		
		counterBtn.onclick = function() {
			count++;
			countDisplay.textContent = count;
		};
	</script>
</body>
</html>