Karadesh · Karadesh · Jan 20, 2021
diff --git a/java4/main.html b/java4/main.html
@@ -0,0 +1,17 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+    <div class="board"></div>
+    <script src="script.js" style="text-align: center;"></script>
+
+</body>
+
+</html>
diff --git a/java4/main2.html b/java4/main2.html
@@ -0,0 +1,17 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <div id="cart">
+
+    </div>
+
+    <script src="script2.js"></script>
+</body>
+
+</html>
diff --git a/java4/script.js b/java4/script.js
@@ -0,0 +1,57 @@
+//1
+function draw() {
+    var table = document.createElement('table');
+    var flag = true;
+
+    var trr = document.createElement('tr');
+    var arr = [' ', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
+    //генерим ячейки
+    for (var i = 0; i < 8; i++) {
+        var tr = document.createElement('tr');
+
+        //цифры
+        var tdd = document.createElement('td');
+        tdd.style.width = '50px';
+        tdd.style.height = '50px';
+        tdd.style.textAlign = 'center';
+        tdd.innerHTML = 8 - i;
+        tr.appendChild(tdd);
+
+        for (var j = 0; j < 8; j++) {
+
+            if (j == 0)
+                flag = !flag;
+
+            var td = document.createElement('td');
+
+            td.style.width = '50px';
+            td.style.height = '50px';
+            if (flag) {
+                td.style.background = 'black';
+            } else
+                td.style.background = 'white';
+
+            tr.appendChild(td);
+            flag = !flag;
+        }
+        table.appendChild(tr);
+    }
+
+    //буквы
+    for (var k = 0; k < 9; k++) {
+
+        var td = document.createElement('td');
+        td.style.width = '50px';
+        td.style.height = '50px';
+        td.style.background = 'white';
+        td.style.textAlign = 'center';
+        td.innerHTML = arr[k];
+
+        trr.appendChild(td);
+
+    }
+    table.appendChild(trr);
+
+    document.body.appendChild(table);
+}
+draw();
diff --git a/java4/script2.js b/java4/script2.js
@@ -0,0 +1,40 @@
+//2
+const $cart = document.querySelector('#cart');
+const cart = [
+
+];
+function Good(title, price, quantity = 1) {
+    this.name = title;
+    this.price = price;
+    this.quantity = quantity;
+}
+
+function getPrice(arr) {
+    return arr.reduce(function (acc, good) {
+        return acc + (good.price * good.quantity)
+    }, 0);
+};
+
+function getQuantity(arr) {
+    return arr.reduce(function (acc, good) {
+        return acc + good.quantity;
+    }, 0);
+}
+
+function drawcart() {
+    const p = document.createElement('p');
+    if (cart.length !== 0) {
+        p.textContent = 'сейчас в корзине ' + getQuantity(cart) + ' товаров, на сумму ' + getPrice(cart) + 'рублей';
+    } else {
+        p.textContent = 'Корзина пуста'
+    }
+
+    $cart.appendChild(p);
+}
+
+cart.push(new Good('Оптика Kiroshi', 20300, 2));
+cart.push(new Good('Куртка Samurai', 5000, 1));
+
+drawcart();
+
+console.log(getPrice(cart))
diff --git a/java4/style.css b/java4/style.css
@@ -0,0 +1,16 @@
+.board{
+}
+
+.block{
+    height: 80px;
+    width: 80px;
+    float: left;
+}
+
+.black{
+    background: black;
+}
+
+.white{
+    background: white;
+}