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

No:3718

5508

←

Prev Next

→

Simple Sushi
Developer anonymous｜Date and time 70/1/1 9:44:23
Build time unknown sec｜Game capacity 2.663KB｜

Script

お客さんが注文した食材をタップして回転寿司の模擬店のゲームです。以下がHTMLとJavaScriptのコードです：

Sushi game

お客さんからの注文を受け、寿司を回して提供しましょう！

このプログラムは、ランダムに注文された寿司を表示し、寿司を回して選択するゲームです。注文された寿司と選択した寿司が一致していれば成功です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

お客さんが注文した食材をタップして回転寿司の模擬店のゲームです。

以下がHTMLとJavaScriptのコードです：

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Sushi game</title>
</head>
<body>
	<h1>Sushi game</h1>
	<p>お客さんからの注文を受け、寿司を回して提供しましょう！</p>
	<div id="order"></div>
	<div id="board"></div>
	<script>
		// 寿司リスト
		var sushiList = [
			{
				name: "まぐろ",
				emoji: "🐟",
				price: 100
			},
			{
				name: "サーモン",
				emoji: "🐠",
				price: 80
			},
			{
				name: "エビ",
				emoji: "🦐",
				price: 70
			},
			{
				name: "イカ",
				emoji: "🦑",
				price: 60
			},
			{
				name: "タコ",
				emoji: "🐙",
				price: 60
			}
		];

// お客さんが注文する寿司
		var order = {
			name: "",
			emoji: "",
			price: 0
		};

// ランダムな寿司を選択して注文として表示する
		function selectOrder() {
			var selected = sushiList[Math.floor(Math.random() * sushiList.length)];
			order.name = selected.name;
			order.emoji = selected.emoji;
			order.price = selected.price;
			document.getElementById("order").innerHTML = "お客さんが注文した寿司は " + order.emoji + " " + order.name + " で、価格は " + order.price + " 円です。";
		}

// 寿司を回す
		function rotateSushi() {
			var current = sushiList.shift();
			sushiList.push(current);
			showSushi();
		}

// 寿司を表示する
		function showSushi() {
			var sushiHtml = "";
			for(var i = 0; i < sushiList.length; i++) {
				sushiHtml += "<div class=\"sushi\" onclick=\"selectSushi(" + i + ")\">" + sushiList[i].emoji + "</div>";
			}
			document.getElementById("board").innerHTML = sushiHtml;
		}

// 選択した寿司が正しいかを判定する
		function selectSushi(index) {
			var selected = sushiList[index];
			if(selected.name === order.name) {
				alert("お客さんに提供する寿司は " + order.emoji + " " + order.name + " で、価格は " + order.price + " 円です。お金をもらいましょう！");
				selectOrder();
			} else {
				alert("注文が違います。もう一度選んでください。");
			}
		}

// ゲームを開始する
		function startGame() {
			selectOrder();
			showSushi();
		}
	</script>
	<button onclick="rotateSushi()">回転</button>
	<button onclick="startGame()">ゲーム開始</button>
</body>
</html>
```