From 07d7de12c51ebc4b933fbd960e5630f0d083420e Mon Sep 17 00:00:00 2001 From: Kubadaleko <7757535@mail.ru> Date: Sat, 2 Apr 2022 10:12:36 +0300 Subject: [PATCH 1/3] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D1=8F?= =?UTF-8?q?=D1=8F=206?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1.html | 103 +++++++++++++++++++++++++++++++++++++++++++++++++ 2.html | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3.html | 78 +++++++++++++++++++++++++++++++++++++ 3 files changed, 301 insertions(+) create mode 100644 1.html create mode 100644 2.html create mode 100644 3.html diff --git a/1.html b/1.html new file mode 100644 index 0000000..a2ec921 --- /dev/null +++ b/1.html @@ -0,0 +1,103 @@ + + + + + Homework + + + + +
+
Товар 1
+ + +
+
+
Товар 2
+ + +
+
+
Товар 3
+ + +
+ + + + diff --git a/2.html b/2.html new file mode 100644 index 0000000..2159bd8 --- /dev/null +++ b/2.html @@ -0,0 +1,120 @@ + + + + + Homework + + + + + + + + В инпуте написано: + +
+ + +
Привет :)
+ +
+ +
+ +
+
+ +
+
+ +
+ + + + diff --git a/3.html b/3.html new file mode 100644 index 0000000..b716406 --- /dev/null +++ b/3.html @@ -0,0 +1,78 @@ + + + + + + Document + + + + + + +
+ + + + + +
+ + + + From a58266a2c0aa4e1b900db9912c9741062f63cd10 Mon Sep 17 00:00:00 2001 From: Kubadaleko <7757535@mail.ru> Date: Mon, 4 Apr 2022 19:08:39 +0300 Subject: [PATCH 2/3] =?UTF-8?q?=D0=9D=D0=B5=D0=B1=D0=BE=D0=BB=D1=8C=D1=88?= =?UTF-8?q?=D0=B8=D0=B5=20=D0=B8=D0=B7=D0=BC=D0=B8=D0=BD=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1.html | 7 ++----- 2.html | 8 ++++---- 2 files changed, 6 insertions(+), 9 deletions(-) diff --git a/1.html b/1.html index a2ec921..1626be0 100644 --- a/1.html +++ b/1.html @@ -44,7 +44,6 @@ */ const elem1 = document.querySelectorAll(".productName"); - console.log(elem1); elem1.forEach((el) => (el.style.fontSize = "24px")); /* @@ -52,8 +51,7 @@ */ const elem2 = document.querySelectorAll(".product"); - console.log(elem2); - elem1.forEach((el) => (el.style.marginRight = "50px")); + elem1.forEach((el) => el.style.marginRight = "50px"); /* 3. При клике на кнопку "В корзину" название кнопки должно поменяться на @@ -61,11 +59,10 @@ */ const el2 = document.querySelectorAll("button"); - console.log(el2); for (let i = 0; i < el2.length; i++) { el2[i].addEventListener("click", function () { el2[i].innerText = "Добавлено"; - el2[i].disabled = "true"; + el2[i].disabled = true; }); } diff --git a/2.html b/2.html index 2159bd8..90adf1a 100644 --- a/2.html +++ b/2.html @@ -67,8 +67,9 @@ также должен меняться. */ - document.getElementById("from").addEventListener("input", (event) => { - document.querySelector("span").textContent = event.target.value; + const spanElem = document.querySelector("span"); + document.getElementById("from").addEventListener("input", (event) => { + spanElem.textContent = event.target.value; }); /* @@ -79,7 +80,7 @@ */ const message = document.querySelector(".message"); - document.querySelector("button").addEventListener("click", function () { + document.querySelector("button").addEventListener("click", () => { message.classList.add("animate__animated", "animate__fadeInLeftBig"); message.style.visibility = "visible"; }); @@ -101,7 +102,6 @@ formTag.addEventListener("submit", (event) => { inputTags.forEach((inputTag) => { if (inputTag.value === "") { - console.log("Заполни форму"); inputTag.classList.add("error"); event.preventDefault(); } From 32d5b2e676c7c85aa20195d3e274fa3a95c0360d Mon Sep 17 00:00:00 2001 From: Kubadaleko <7757535@mail.ru> Date: Mon, 4 Apr 2022 19:34:34 +0300 Subject: [PATCH 3/3] =?UTF-8?q?=D0=9D=D0=B5=D0=B1=D0=BE=D0=BB=D1=8C=D1=88?= =?UTF-8?q?=D0=B8=D0=B5=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 3.html | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/3.html b/3.html index b716406..79e4f3c 100644 --- a/3.html +++ b/3.html @@ -45,11 +45,19 @@ document.body.addEventListener("mouseover", (e) => { const starsContainer = e.target; - if (e.target.tagName !== "I") { + if (!e.target.classList.contains('fas')) { return; } starsContainer.classList.add("golden"); - console.log(starsContainer.tagName); + console.log(e.target.classList.contains); + let star = e.target; + do { + // красим звезду + star.classList.add("golden"); + // Берем предыдущую звезду + star = star.previousElementSibling; + // Если предыдущая есть, то запускаем цикл еще раз. + } while (star); }); // не сделал для всех звезд слева!!! Сделал аналогично через for, но опять-же @@ -62,10 +70,19 @@ document.body.addEventListener("mouseout", (e) => { const starsContainer = e.target; - if (starsContainer.tagName !== "I") { + console.log(starsContainer); + if (!e.target.classList.contains('fas')) { return; } starsContainer.classList.remove("golden"); + let star = e.target; + do { + // красим звезду + star.classList.remove("golden"); + // Берем предыдущую звезду + star = star.previousElementSibling; + // Если предыдущая есть, то запускаем цикл еще раз. + } while (star); }); /*