Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A game that allows you to be a high tension DJ.'s game | AI game creator

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

No:2859

1626

←

Prev Next

→

A game that allows you to be a high tension DJ.
Developer anonymous｜Date and time 23/6/22 23:14:22
Build time 31.208 sec｜Game capacity 2.331KB｜

Script

DJゲーム

このプログラムは、DJゲームとして実装されています。プレイヤーは、5つの曲の中から選択し、クリックすることでスコアを獲得します。スコアは、クリックした曲ごとに異なる値に設定されており、曲によって獲得できるスコアが異なります。プレイヤーは、スコアを集めながら、音楽を楽しむことができます。このプログラムは、スマートフォンでも操作可能であり、1つのHTMLファイルにすべてのコードが含まれています。JavaScriptが使用されているため、ブラウザによる音声再生機能が必要です。

←

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>DJゲーム</title>
	<style>
		body {
			background-color: black;
		}
		#game-container {
			margin-top: 20%;
			width: 80%;
			height: 60%;
			background-color: white;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.button {
			width: 60%;
			height: 50px;
			background-color: dodgerblue;
			color: white;
			font-size: 24px;
			font-weight: bold;
			border: none;
			border-radius: 10px;
			margin: 10px;
			cursor: pointer;
		}
		#scoreboard {
			margin-top: 20px;
			font-size: 36px;
			font-weight: bold;
			color: dodgerblue;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<h1 style="color: dodgerblue;">DJゲーム</h1>
		<button class="button" id="1">音楽1</button>
		<button class="button" id="2">音楽2</button>
		<button class="button" id="3">音楽3</button>
		<button class="button" id="4">音楽4</button>
		<button class="button" id="5">音楽5</button>
		<div id="scoreboard"></div>
	</div>
	
	<script>
		var score = 0;
		
		function playMusic(event) {
			var buttonId = event.target.id;
			if (buttonId == "1") {
				score += 50;
			} else if (buttonId == "2") {
				score += 100;
			} else if (buttonId == "3") {
				score += 150;
			} else if (buttonId == "4") {
				score += 200;
			} else if (buttonId == "5") {
				score += 250;
			}
			document.getElementById("scoreboard").innerHTML = "SCORE: " + score;
		}
		
		var buttons = document.getElementsByClassName("button");
		for (var i = 0; i < buttons.length; i++) {
			buttons[i].addEventListener("click", playMusic);
		}
	</script>
</body>
</html>