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

No:2614

1365

←

Prev Next

→

引き出しを開けるとランダムなアイテム
Developer User3589｜Date and time 23/6/22 2:57:13
Build time 24.055 sec｜Game capacity 1.939KB｜

Script

引き出しゲーム

📦

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>引き出しゲーム！</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: lightblue;
			text-align: center;
			font-size: 2rem;
			margin: 0;
			padding: 0;
		}

h1 {
			margin-top: 2rem;
			font-size: 5rem;
		}

#drawer {
			display: flex;
			flex-direction: row;
			justify-content: space-evenly;
			margin-top: 5rem;
		}

.drawer-item {
			font-size: 4rem;
			cursor: pointer;
			padding: 2rem;
			background-color: white;
			border: 1rem solid black;
			border-radius: 5rem;
			margin: 0 2rem;
		}

#item-list {
			margin-top: 2rem;
			font-size: 3rem;
		}

#money {
			font-size: 3rem;
			margin-top: 2rem;
		}
	</style>
</head>

<body>
	<h1>引き出しゲーム</h1>
	<div id="drawer">
		<div class="drawer-item" onclick="openDrawer(1)">📦</div>
		<div class="drawer-item" onclick="openDrawer(2)">📦</div>
		<div class="drawer-item" onclick="openDrawer(3)">📦</div>
		<div class="drawer-item" onclick="openDrawer(4)">📦</div>
	</div>
	<div id="item-list"></div>
	<div id="money"></div>

function openDrawer(drawerNumber) {
			if (items.length >= 4) {
				alert("もう引き出しは全部開けたよ！")
				return;
			}

if (Math.random() < 0.5) {
				items.push("🍎");
			} else {
				items.push("💰");
				money += 50;
			}

updateItemList();
			updateMoney();

if (items.length === 4) {
				if (money > 100) {
					alert("100円も稼いだの？すごい！");
				} else {
					alert("まだ100円には届かなかったね...");
				}
			}
		}

function updateItemList() {
			document.getElementById("item-list").innerHTML = "アイテムリスト: " + items.join(" ");
		}

function updateMoney() {
			document.getElementById("money").innerHTML = "資金: " + money + "円";
		}
	</script>
</body>
</html>