From 31530ed8daaa5514260c6a50cd47e5bfd99007a2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D0=B0=D1=80=D0=B0=D0=B4=D0=B5=D1=88?= Date: Wed, 20 Jan 2021 22:09:14 +0300 Subject: [PATCH] homework 5 --- java4/main.html | 17 +++++++++++++++ java4/main2.html | 17 +++++++++++++++ java4/script.js | 57 ++++++++++++++++++++++++++++++++++++++++++++++++ java4/script2.js | 40 +++++++++++++++++++++++++++++++++ java4/style.css | 16 ++++++++++++++ 5 files changed, 147 insertions(+) create mode 100644 java4/main.html create mode 100644 java4/main2.html create mode 100644 java4/script.js create mode 100644 java4/script2.js create mode 100644 java4/style.css 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