The game of the devils buzz's game

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

No:6270

2521

←

Prev Next

→

The game of the devils buzz
Developer User3788｜Date and time 23/7/2 0:30:35
Build time 16.37 sec｜Game capacity 1.362KB｜

Script

了解しました。以下に鬼バズりするゲームの実装例を示します。

このプログラムは、クリックすると鬼の顔文字が表示されるゲームです。10回クリックすると「鬼バズり達成！」というアラートが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に鬼バズりするゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
	<title>鬼バズりゲーム</title>
	<style>
		body {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			font-size: 30px;
		}

.game-container {
			width: 200px;
			height: 200px;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #f2f2f2;
			border-radius: 10px;
			border: 2px solid #ccc;
			cursor: pointer;
		}

.game-container:active {
			background-color: #ccc;
		}

.buzz:after {
			content: '👿';
		}
	</style>
</head>
<body>
	<div class="game-container">
		<script>
			var container = document.querySelector('.game-container');
			var buzzCount = 0;

function buzzClick() {
				buzzCount++;
				container.classList.add('buzz');
				setTimeout(function() {
					container.classList.remove('buzz');
				}, 300);

if (buzzCount === 10) {
					alert('鬼バズり達成！');
					container.removeEventListener('click', buzzClick);
				}
			}

container.addEventListener('click', buzzClick);
		</script>
	</div>
</body>
</html>
```

このプログラムは、クリックすると鬼の顔文字が表示されるゲームです。10回クリックすると「鬼バズり達成！」というアラートが表示されます。