lectures done

lectures/lec6/part2/task1.txt

@@ -0,0 +1,3 @@
+1. юзер нажимает мышь в поле с объектами -> onmousedown 
+2. мышь движется куда-то зачем-то -> onmousemove
+3. пользователь отпускает мышь -> onmouseup

lectures/lec6/part2/task2.txt

@@ -0,0 +1,10 @@
+Последовательность событий, происходящих при вводе значения в текстовое поле:
+1. focus  текстовое поле получает фокус 
+--- следующие повторяются
+2. onpaste ктрл в прожато
+3. keydown  пользователь нажимает клавишу на клавиатуре.
+4. input  значение текстового поля изменяется (например, при вводе символа).
+5. keyup  пользователь отпускает клавишу.
+--- следующие не повторяются
+6. change  пользователь завершает ввод и текстовое поле теряет фокус, если значение было изменено.
+7. blur  текстовое поле теряет фокус (например, пользователь кликает вне текстового поля).

lectures/lec6/part2/task3.js

@@ -0,0 +1,11 @@
+document.getElementById('aboba').addEventListener('mouseover', function() {
+    const parent = this.parentElement;
+    parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) * 1.1}px`;
+    parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) * 1.1}px`;
+});
+
+document.getElementById('aboba').addEventListener('mouseout', function() {
+    const parent = this.parentElement;
+    parent.style.paddingTop = `${parseFloat(window.getComputedStyle(parent).paddingTop) / 1.1}px`;
+    parent.style.paddingBottom = `${parseFloat(window.getComputedStyle(parent).paddingBottom) / 1.1}px`;
+});

lectures/lec6/part2/task4.js

@@ -0,0 +1,9 @@
+document.querySelectorAll('img').forEach(function(img) {
+    img.addEventListener('mouseover', function() {
+        this.classList.add('border');
+    });
+
+    img.addEventListener('mouseout', function() {
+        this.classList.remove('border');
+    });
+});