DenTheProgrammer
diff --git a/‎Dz-5/css/style.css‎
Lines changed: 8 additions & 3 deletions b/‎Dz-5/css/style.css‎
Lines changed: 8 additions & 3 deletions
diff --git a/‎Dz-5/js/main.js‎
Lines changed: 29 additions & 4 deletions b/‎Dz-5/js/main.js‎
Lines changed: 29 additions & 4 deletions
@@ -8,12 +8,17 @@
 	height: 50vw;
 	margin: 0 auto;
 	display: flex;
+	flex-direction: column-reverse;
 	flex-wrap: wrap;
 }
 .cell{
     height: calc(50vw / 8);
     width: calc(50vw / 8);
-    background: black;
-	border: solid 1px green;
-	display: inline-block;
+	border: solid 1px #c97d33;
+}
+.white{
+	background: #e3a152;
+}
+.black{
+	background: #97270a;
 }
@@ -1,7 +1,32 @@
 var div;
 var board = document.querySelector("div.board");
-for (var i = 0; i < 64; i++) {
-	div = document.createElement("div");
-	div.className = "cell";
-	board.appendChild(div);
+var letters = [, "A", "B", "C", "D", "E", "F", "G", "H"];
+
+
+for (var i = 0; i < 8; i++) {
+	for (var j = 0; j < 4; j++) {
+		if (i % 2 == 0) {
+			div = document.createElement("div");
+			div.classList.add("cell", "white");
+			board.appendChild(div);
+
+			div = document.createElement("div");
+			div.classList.add("cell", "black");
+			board.appendChild(div);
+		} else {
+			div = document.createElement("div");
+			div.classList.add("cell", "black");
+			board.appendChild(div);
+
+			div = document.createElement("div");
+			div.classList.add("cell", "white");
+			board.appendChild(div);
+		}
+	}
+}
+var k=3;
+for (i = 1; i < 9; i++) {
+	for (j = 1; j < 9; j++) {
+		board.childNodes[k++].classList.add(letters[i]+j);
+	}
 }