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

No:1487

102

←

Prev Next

→

bingo
Developer sayaensm｜Date and time 23/6/18 17:29:53
Build time 34.828 sec｜Game capacity 2.693KB｜

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: #68a2ff;
			text-align: center;
			font-size: 2rem;
		}
		table {
			margin: auto;
			margin-top: 5%;
			border-collapse: collapse;
			font-size: 4rem;
		}
		td {
			padding: 0.5rem;
			border: 0.3rem solid white;
			color: white;
		}
		button {
			font-size: 2rem;
			padding: 1rem 2rem;
			background-color: white;
			color: #68a2ff;
			border: none;
			border-radius: 10rem;
			margin-top: 5%;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>ビンゴ</h1>
	<table>
		<tr>
			<td>🐶</td>
			<td>🐱</td>
			<td>🐰</td>
		</tr>
		<tr>
			<td>🐲</td>
			<td>🐍</td>
			<td>🐎</td>
		</tr>
		<tr>
			<td>🐔</td>
			<td>🐷</td>
			<td>🐧</td>
		</tr>
	</table>
	<button onclick="bingo()">ビンゴ！</button>

// 数字の配列を用意する
		let numbers = [];
		for (let i = 1; i <= 9; i++) {
			numbers.push(i);
		}

// 配列をシャッフルする
		for (let i = numbers.length - 1; i >= 0; i--) {
			let randomIndex = Math.floor(Math.random() * (i + 1));
			let tmp = numbers[i];
			numbers[i] = numbers[randomIndex];
			numbers[randomIndex] = tmp;
		}

// シャッフルした数字をセルに割り当てる
		for (let i = 0; i < cells.length; i++) {
			cells[i].textContent = numbers[i];
			cells[i].addEventListener("click", function() {
				this.style.backgroundColor = "white";
				this.style.color = "#68a2ff";
			});
		}

// ビンゴの判定
		function bingo() {
			let row1 = [cells[0], cells[1], cells[2]];
			let row2 = [cells[3], cells[4], cells[5]];
			let row3 = [cells[6], cells[7], cells[8]];
			let col1 = [cells[0], cells[3], cells[6]];
			let col2 = [cells[1], cells[4], cells[7]];
			let col3 = [cells[2], cells[5], cells[8]];
			let diagonal1 = [cells[0], cells[4], cells[8]];
			let diagonal2 = [cells[2], cells[4], cells[6]];

if (row1.every(cell => cell.style.backgroundColor === "white") || 
				row2.every(cell => cell.style.backgroundColor === "white") || 
				row3.every(cell => cell.style.backgroundColor === "white") || 
				col1.every(cell => cell.style.backgroundColor === "white") || 
				col2.every(cell => cell.style.backgroundColor === "white") || 
				col3.every(cell => cell.style.backgroundColor === "white") || 
				diagonal1.every(cell => cell.style.backgroundColor === "white") || 
				diagonal2.every(cell => cell.style.backgroundColor === "white")) {
				alert("ビンゴ！");
			} else {
				alert("残念！");
			}
		}
	</script>
</body>
</html>