diff --git a/java4/main.html b/java4/main.html
new file mode 100644
index 00000000..c31ee734
--- /dev/null
+++ b/java4/main.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/java4/main2.html b/java4/main2.html
new file mode 100644
index 00000000..567216a1
--- /dev/null
+++ b/java4/main2.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/java4/script.js b/java4/script.js
new file mode 100644
index 00000000..72107b55
--- /dev/null
+++ 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();
\ No newline at end of file
diff --git a/java4/script2.js b/java4/script2.js
new file mode 100644
index 00000000..7653062b
--- /dev/null
+++ 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))
\ No newline at end of file
diff --git a/java4/style.css b/java4/style.css
new file mode 100644
index 00000000..a555d271
--- /dev/null
+++ b/java4/style.css
@@ -0,0 +1,16 @@
+.board{
+}
+
+.block{
+ height: 80px;
+ width: 80px;
+ float: left;
+}
+
+.black{
+ background: black;
+}
+
+.white{
+ background: white;
+}
\ No newline at end of file