From 14153cb07a94cf7a7b8fffe065a013c0b8603abf Mon Sep 17 00:00:00 2001 From: chip777 Date: Thu, 10 Feb 2022 19:25:25 +0300 Subject: [PATCH 1/2] lesson6 --- 1.html | 95 +++++++++++++++++++++++++++++++++++++++++++ 2.html | 126 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3.html | 87 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 308 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..3086832 --- /dev/null +++ b/1.html @@ -0,0 +1,95 @@ + + + + + Homework + + + + +
+
Товар 1
+ + +
+
+
Товар 2
+ + +
+
+
Товар 3
+ + +
+ + + + \ No newline at end of file diff --git a/2.html b/2.html new file mode 100644 index 0000000..bb6eb8f --- /dev/null +++ b/2.html @@ -0,0 +1,126 @@ + + + + + Homework + + + + + + + +В инпуте написано: + +
+ + +
+ Привет :) +
+ +
+ +
+ +
+
+ +
+
+ +
+ + + + \ No newline at end of file diff --git a/3.html b/3.html new file mode 100644 index 0000000..04649b3 --- /dev/null +++ b/3.html @@ -0,0 +1,87 @@ + + + + + + Document + + + + + + +
+ + + + + +
+ + + + \ No newline at end of file From ac34b8f1d8db69ad46d8e84c89ae4bdf8742e53a Mon Sep 17 00:00:00 2001 From: chip777 Date: Sat, 12 Feb 2022 12:33:09 +0300 Subject: [PATCH 2/2] fix errors --- 1.html | 12 ++++++------ 2.html | 13 ++++++------- 3.html | 2 +- 3 files changed, 13 insertions(+), 14 deletions(-) diff --git a/1.html b/1.html index 3086832..2b1b584 100644 --- a/1.html +++ b/1.html @@ -43,7 +43,7 @@ 1. Установите всем элементам с классом "productName" размер шрифта 24px. */ - document.querySelectorAll('.productName').forEach(elem =>{ + document.querySelectorAll('.productName').forEach(elem => { elem.style.fontSize = '24px'; }); @@ -51,7 +51,7 @@ 2. Установите всем элементам с классом "product" внешний отступ справа 50px. */ - document.querySelectorAll('.product').forEach(elem =>{ + document.querySelectorAll('.product').forEach(elem => { elem.style.marginRight = '50px'; }); @@ -61,10 +61,10 @@ */ document.addEventListener('click',event => { - if (event.target.tagName === 'BUTTON') { - event.target.textContent='Добавлено'; - event.target.disabled = true; - } + if (event.target.tagName === 'BUTTON') { + event.target.textContent 'Добавлено'; + event.target.disabled = true; + } }); /* diff --git a/2.html b/2.html index bb6eb8f..505a2e2 100644 --- a/2.html +++ b/2.html @@ -65,9 +65,9 @@ должно моментально отображаться в span. То есть при печати в input'е тег span также должен меняться. */ - + const spanel = document.querySelector('span'); document.querySelector('#from').addEventListener('input', ev => { - document.querySelector('span').textContent = ev.target.value; + spanel.textContent = ev.target.value; }); /* @@ -76,11 +76,10 @@ 1) добавить два класса: animate__animated и animate__fadeInLeftBig 2) поставить данному элементу стиль visibility в значение 'visible'. */ - - document.querySelector('.messageBtn').addEventListener('click', () => { - const tgt = document.querySelector('.message'); - tgt.classList.add('animate__animated'); - tgt.classList.add('animate__fadeInLeftBig'); + + const tgt = document.querySelector('.message'); + document.querySelector('.messageBtn').addEventListener('click', () => { + tgt.classList.add('animate__animated' , 'animate__fadeInLeftBig'); tgt.style.visibility = 'visible'; }); diff --git a/3.html b/3.html index 04649b3..4c7c179 100644 --- a/3.html +++ b/3.html @@ -42,7 +42,7 @@ .addEventListener('mouseover', ev => { if (ev.target.tagName === 'I') { ev.target.classList.add('golden'); - }; + } let mark = true; document.querySelectorAll('i').forEach(elem => { if (elem.classList.contains('golden')) {