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

No:237

486

←

Prev Next

→

A game in which you have to build a city. A modern..ALL
Developer User2934｜Date and time 23/6/11 5:15:38
Build time 18.621 sec｜Game capacity 1.597KB｜

Script

Строит город

Кликните на квадрат, чтобы строить дом или здание

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>Город</title>
	<style>
		body {
			background-color: #99ccff;
			font-size: 24px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			margin: 0;
		}

h1 {
			font-weight: bold;
			font-size: 36px;
			margin-bottom: 24px;
		}

#city {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin: auto;
			border: 2px solid black;
			padding: 10px;
			background-color: white;
		}

.square {
			width: 50px;
			height: 50px;
			margin: 1px;
			background-color: gray;
		}
	</style>
</head>
<body>
	<h1>Строит город</h1>
	<p>Кликните на квадрат, чтобы строить дом или здание</p>
	<div id="city"></div>
	<script>
		const city = document.getElementById('city');
		const rows = 10;
		const cols = 10;
		let building = '🏠';
		let grid = [];

for(let i = 0; i < rows; i++) {
			grid[i] = [];
			for(let j = 0; j < cols; j++) {
				grid[i][j] = '🌳';
				let square = document.createElement('div');
				square.className = 'square';
				square.addEventListener('click', () => {
					grid[i][j] = building;
					renderCity();
				});
				city.appendChild(square);
			}
		}