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

No:1520

545

←

Prev Next

→

laundromat
Developer sayaensm｜Date and time 23/6/18 18:00:18
Build time 36.146 sec｜Game capacity 2.865KB｜

Script

// HTMLファイルの始まり

コインランドリー

洗濯機を回してコインを稼ごう！

//HTMLファイルの終わりこのアプリは「コインランドリー」というゲームで、12台の洗濯機の中から当たりを選ぶゲームです。スマホで操作可能で、絵文字を多用しています。ゲームのルールは、スタートボタンを押すとランダムに1台の洗濯機に当たりが設定されます。その後、プレイヤーは洗濯機の中から当たりの洗濯機を選択します。当たりの洗濯機を選んだ場合はコインを獲得できます。当たりの洗濯機が選ばれなかった場合は残念賞となります。

←

Prev　Next

→ 　

Back　

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

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

// HTMLファイルの始まり
<!DOCTYPE html>
<html>
<head>
	<title>コインランドリー</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 20px;
			text-align: center;
		}
		.btn {
			display: block;
			margin: 20px auto;
			padding: 10px 20px;
			background-color: #007bff;
			color: #fff;
			font-size: 1.5em;
			border-radius: 10px;
			cursor: pointer;
		}
		.btn:hover {
			background-color: #0062cc;
		}
		.container {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			height: 60vh;
		}
		.card {
			margin: 10px;
			padding: 20px;
			background-color: #f0f0f0;
			border-radius: 10px;
			cursor: pointer;
			flex-basis: 200px;
			flex-shrink: 0;
			flex-grow: 1;
			min-width: 100px;
			min-height: 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
	</style>
</head>
<body>
	<h1>コインランドリー</h1>
	<p>洗濯機を回してコインを稼ごう！</p>
	<button id="start-btn" class="btn">スタート！</button>
	<div id="card-container" class="container"></div>

// 洗濯機の数
		const numMachines = 12;
		// 選ばれた洗濯機の番号（初期値は-1）
		let chosenMachine = -1;

// カードを作成する関数
		function createCard(num) {
			const card = document.createElement("div");
			card.classList.add("card");
			card.innerHTML = `<span>${num}</span>`;
			card.addEventListener("click", () => {
				if (num === chosenMachine) {
					alert("当たり！コインを獲得しました！");
					chosenMachine = -1;
				} else {
					alert("残念！もう一度挑戦しよう！");
				}
			});
			cardContainer.appendChild(card);
		}

// カードを生成
		for (let i = 1; i <= numMachines; i++) {
			createCard(i);
		}

// スタートボタンをクリックしたときの処理
		startBtn.addEventListener("click", () => {
			chosenMachine = Math.floor(Math.random() * numMachines) + 1;
			alert("洗濯機を選んでください！");
		});
	</script>
</body>
</html>
//HTMLファイルの終わり

このアプリは「コインランドリー」というゲームで、12台の洗濯機の中から当たりを選ぶゲームです。スマホで操作可能で、絵文字を多用しています。ゲームのルールは、スタートボタンを押すとランダムに1台の洗濯機に当たりが設定されます。その後、プレイヤーは洗濯機の中から当たりの洗濯機を選択します。当たりの洗濯機を選んだ場合はコインを獲得できます。当たりの洗濯機が選ばれなかった場合は残念賞となります。