From 1b96b23d57df00408a9dae549281aff132c43df3 Mon Sep 17 00:00:00 2001 From: dark7py Date: Fri, 12 Nov 2021 14:07:28 +0500 Subject: [PATCH] all tasks --- README.md | 2 + delete.png | Bin 0 -> 16514 bytes index.html | 126 +++++++++++++++++++++++++++++++-------------------- index.js | 130 +++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 74 +++++++++++++++++++++++++++++- 5 files changed, 282 insertions(+), 50 deletions(-) create mode 100644 delete.png diff --git a/README.md b/README.md index fe3e75d..196fe7d 100644 --- a/README.md +++ b/README.md @@ -23,6 +23,8 @@ 6. Сделай в модальном окне, ниже надписи про количество напитков, таблицу такого вида: + + | Напиток | Молоко | Дополнительно | | -------- | ------- | ---------------- | | Капучино | обычное | diff --git a/delete.png b/delete.png new file mode 100644 index 0000000000000000000000000000000000000000..eed087044a29094a90972455715c60bc7ed76fe7 GIT binary patch literal 16514 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 Dp(aU4 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index ddc8250..bc089d7 100644 --- a/index.html +++ b/index.html @@ -7,63 +7,93 @@
-
-

Напиток №1

- -
- Сделайте напиток на -
+
+ Сделайте напиток на + + + + +
+
+ Добавьте к напитку: + + + + +
+
+ И ещё вот что: + +
+ + +
+ +
+ + diff --git a/index.js b/index.js index e69de29..656eb2d 100644 --- a/index.js +++ b/index.js @@ -0,0 +1,130 @@ +let form = document.querySelector('.beverage'); +let addDrink = document.querySelector('.add-button'); +let forms = document.querySelector('.beverages'); +let count = 1; + +addDrink.addEventListener('click', (e) => { + let newForm = form.cloneNode(true); + count += 1; + newForm.querySelector('.beverage-count').innerHTML = 'Напиток №' + count; + + forms.append(newForm); +}); + + +function deleteDrink (form) { + if (count != 1){ + form.remove(); + count -= 1; + } +} + +let submitButton = document.querySelector('.submit-button'); +let modalWindow = document.querySelector('.modal'); +let closeBtn = document.querySelector('.close') + +submitButton.addEventListener('click', function (evt) { + evt.preventDefault(); + modalWindow.querySelector('.drinks-count').innerHTML = `Вы заказали ${count} ${inclineWord(count)}`; + addItemsInTable(getData()); + + let orderTime = document.querySelector('.order-time'); + orderTime.onchange = (e) => { + let dateNow = new Date(); + let [hours, minutes] = e.target.value.split(':'); + let inputTime = new Date(); + inputTime.setHours(hours); + inputTime.setMinutes(minutes); + if (dateNow > inputTime) { + alert("Мы не умеем перемещаться во времени. Выберите время позже, чем текущее"); + orderTime.classList.add('error'); + } else { + orderTime.classList.remove('error'); + } + } + + modalWindow.classList.add('modal--show'); +}); + +function inclineWord (count) { + if (count % 10 == 1 && count % 100 != 11) + return 'напиток'; + else if ((2 <= count && count % 10 <= 4) && count % 100 != 12 && count % 100 != 13 && count % 100 != 14) + return 'напитка'; + else + return 'напитков'; +} + +closeBtn.addEventListener('click', function () { + modalWindow.classList.remove('modal--show'); +}) + + +function getData() { + let orders = document.querySelectorAll('fieldset'); + let result = { + count: orders.length, + drinks: [] + }; + + let j = 1; + for (let order of orders) { + let additionally = ""; + for (let i of order.querySelectorAll('[name="options"]')) { + if (i.checked) + additionally += i.value + ", "; + } + let milk = ""; + for (let i of order.querySelectorAll(`[name="milk${j}"]`)) { + if (i.checked) { + milk = i.value; + break; + } + } + result.drinks.push({ + drink: order.querySelector('[name="drink"]').value, + milk: milk, + additionally: additionally, + somethingElse: order.querySelector('[name="somethingElse"]').value + }); + j++; + } + + return result; +} + +function addItemsInTable(data) { + let table = document.querySelector(".table-form") + console.log(data) + for (let i of data.drinks) { + let tr = document.createElement('tr'); + let td = document.createElement('td'); + td.textContent = i.drink; + tr.append(td); + td = document.createElement('td'); + td.textContent = i.milk; + tr.append(td); + td = document.createElement('td'); + td.textContent = i.additionally; + tr.append(td); + td = document.createElement('td'); + td.textContent = i.somethingElse; + tr.append(td); + + table.append(tr) + } + return table; +} + +let arr = ["срочно", "быстрее","побыстрее","скорее","поскорее","очень нужно"]; +let textarea = document.querySelector('textarea'); + +const textareaFunc = (e) => { + let text = e.target; + for (let i of arr) { + if (text.value.includes(i) && !text.value.includes(`${i}`)) { + text.value = text.value.replace(i, `${i}`); + } + } +}; +textarea.oninput = textareaFunc; \ No newline at end of file diff --git a/styles.css b/styles.css index 68f5581..1605b33 100644 --- a/styles.css +++ b/styles.css @@ -32,9 +32,10 @@ border: none; background: none; padding: 10px; - color: rgba(0, 27, 255, 0.82); + color: rgba(0, 26, 255, 0.82); font-size: 14px; - text-decoration: underline dashed; + text-decoration: none; + border:rgba(0, 26, 255, 0.82) 1px solid; cursor: pointer; } @@ -45,3 +46,72 @@ border-radius: 5px; } + + +.delete-drink { + float: right; + width: 25px; + height: 25px; + border-radius: 50%; + background-color: white; + border-style: none; + background-image: url("https://cdn-icons-png.flaticon.com/512/1617/1617543.png"); + background-size: contain; +} + +.modal { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.modal--show { + display: flex; + align-items: center; +} + +.modal::after { + content: ""; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 1; + } + +.modal-content { + position: relative; + width: 500px; + margin: 100px auto; + padding: 15px 15px 15px 30px; + background-color: #ffef95; + border-radius: 10px; + box-shadow: -1px 5px 12px 0 rgba(89, 90, 90, 0.3); + z-index: 2; +} + +table { + border: black 2px solid; + border-collapse: collapse; + padding: 5px; + margin: 10px; +} + +td, th { + border: 1px solid #333; + padding: 5px; +} + +textarea { + margin: 0; + display: block; +} + +.error { + border: red 2px solid; +} \ No newline at end of file