From 9d32433e6a37299614d195fdc655be49f291f473 Mon Sep 17 00:00:00 2001
From: Valentine <37500902+sana9056@users.noreply.github.com>
Date: Mon, 1 Nov 2021 20:06:50 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D1=8F?=
 =?UTF-8?q?=D1=8F=20=E2=84=966?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images.html"                              |  22 +++++++
 .../images/1.jpg"                             | Bin 0 -> 5738 bytes
 .../images/2.jpg"                             | Bin 0 -> 5255 bytes
 ...\201\321\202\320\270\320\273\320\270.html" |  28 ++++++++
 .../cards.html"                               |  60 ++++++++++++++++++
 .../images/1.jpg"                             | Bin 0 -> 13672 bytes
 .../styles.css"                               |   7 ++
 ...\262\321\213\320\267\320\276\320\262.html" |  28 ++++++++
 ...\201\321\202\321\203\320\277\321\213.html" |  36 +++++++++++
 ...\265\320\275\320\276\321\201\321\213.html" |  31 +++++++++
 .../inputs.html"                              |  31 +++++++++
 .../index.html"                               |  36 +++++++++++
 .../style.css"                                |   7 ++
 13 files changed, 286 insertions(+)
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/1.jpg"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/2.jpg"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/2-\321\201\321\202\320\270\320\273\320\270.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/cards.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/images/1.jpg"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/styles.css"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/4-\320\276\321\202\320\273\320\276\320\266\320\265\320\275\320\275\321\213\320\271_\320\262\321\213\320\267\320\276\320\262.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/5-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\276\321\202\321\201\321\202\321\203\320\277\321\213.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/6-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\277\320\265\321\200\320\265\320\275\320\276\321\201\321\213.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\277\320\276\320\273\321\203\321\207\320\265\320\275\320\270\320\265_\320\267\320\275\320\260\321\207\320\265\320\275\320\270\320\271_\320\270\320\267_input/inputs.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/index.html"
 create mode 100644 "\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/style.css"

diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images.html"
new file mode 100644
index 0000000..358d449
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images.html"	
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <img src="images/1.jpg" alt="">
+
+    <!-- Задание. Сделайте чтобы в src была картинка 2.jpg, для этого:
+    1. Найдите картинку, например с помощью querySelector
+    2. Измените атрибут src, например с помощью setAttribute -->
+
+    <script>
+        'use strict';
+        let img = document.querySelector('img');
+        img.setAttribute('src', 'images/2.jpg');
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/1.jpg" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..fe6c5f17b09af50fd2fe87343717544bd3db4890
GIT binary patch
literal 5738
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
TNDjh`<6YxBzVopM?~VNjog;=B

literal 0
HcmV?d00001

diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/2.jpg" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\267\320\260\320\274\320\265\320\275\320\260_\320\272\320\260\321\200\321\202\320\270\320\275\320\276\320\272/images/2.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..bfcab2f897857a2bc7a6251933a6f5899d53fc09
GIT binary patch
literal 5255
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
G#{LKPwjbsI

literal 0
HcmV?d00001

diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/2-\321\201\321\202\320\270\320\273\320\270.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/2-\321\201\321\202\320\270\320\273\320\270.html"
new file mode 100644
index 0000000..4cb4a3e
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/2-\321\201\321\202\320\270\320\273\320\270.html"	
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div>Lorem, ipsum dolor.</div>
+    <div>Lorem, ipsum dolor.</div>
+    <div>Lorem, ipsum dolor.</div>
+
+    <!-- Задание. Найдите все дивы и добавьте им padding: 10px, для этого:
+    1. Найдите все дивы, например с помощью getElementsByTagName.
+    2. Затем с помощью цикла пройдитесь по этой коллекции, и обращаясь к
+    каждому элементу, обратитесь к его свойству style, а затем к свойству
+    padding. -->
+
+    <script>
+        'use strict';
+        let divs = document.getElementsByTagName('div');
+        for (let i = 0; i < divs.length; i++) {
+            divs[i].style.padding = '10px';
+        }
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/cards.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/cards.html"
new file mode 100644
index 0000000..ef3780a
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/cards.html"	
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="product">
+        <div class="productName">Товар 1</div>
+        <img src="images/1.jpg" alt="">
+        <button>В корзину</button>
+    </div>
+    <div class="product">
+        <div class="productName">Товар 1</div>
+        <img src="images/1.jpg" alt="">
+        <button>В корзину</button>
+    </div>
+    <div class="product">
+        <div class="productName">Товар 1</div>
+        <img src="images/1.jpg" alt="">
+        <button>В корзину</button>
+    </div>
+
+    <!-- Задание.
+    1. Сделайте всем элементам .product какой-нибудь фон, для этого:
+        1.1 Найдите все элементы с классом .product, например с помощью
+        querySelectorAll
+        1.2 Затем переберите эту коллекцию, например с помощью forEach,
+        у коллбэк-функции, передаваемой в forEach определите параметр,
+        назовите его например product
+        1.3 Чтобы менять стили обратитесь к параметру product и его свойству
+        style
+
+    2. Сделайте элементам .productName размер шрифта 24px, для этого:
+        2.1 Найдите все элементы с классом .productName, например с помощью
+        querySelectorAll
+        2.2 Затем переберите эту коллекцию, например с помощью forEach,
+        у коллбэк-функции, передаваемой в forEach определите параметр,
+        назовите его например name
+        2.3 Чтобы менять стили обратитесь к параметру name и его свойству
+        style
+    -->
+
+    <script>
+        'use strict';
+        let products = document.querySelectorAll('.product');
+        products.forEach(function(product) {
+            product.style.background = 'lightgreen';
+        });
+
+        let productNames = document.querySelectorAll('.productName');
+        productNames.forEach(function(productName) {
+            productName.style.fontSize = '24px';
+        });
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/images/1.jpg" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/images/1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..d1fce2aa5fd70643d67490fc72993b0aac4fd628
GIT binary patch
literal 13672
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
Ke*uhN*8UHi9-yWG

literal 0
HcmV?d00001

diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/styles.css" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/styles.css"
new file mode 100644
index 0000000..0af59af
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/3-\320\272\320\260\321\200\321\202\320\276\321\207\320\272\320\270_\321\202\320\276\320\262\320\260\321\200\320\276\320\262/styles.css"	
@@ -0,0 +1,7 @@
+.product {
+    width: 200px;
+    padding: 10px;
+    float: left;
+    margin-right: 30px;
+    box-shadow: 0 0 4px black;
+}
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/4-\320\276\321\202\320\273\320\276\320\266\320\265\320\275\320\275\321\213\320\271_\320\262\321\213\320\267\320\276\320\262.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/4-\320\276\321\202\320\273\320\276\320\266\320\265\320\275\320\275\321\213\320\271_\320\262\321\213\320\267\320\276\320\262.html"
new file mode 100644
index 0000000..5a085f8
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/4-\320\276\321\202\320\273\320\276\320\266\320\265\320\275\320\275\321\213\320\271_\320\262\321\213\320\267\320\276\320\262.html"	
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <!-- 
+        Задание. Вызовите функцию setTimeout и ей в качестве аргументов передайте:
+        1-аргумент. (это уже сделано) анонимную функцию, которая будет вызвана 
+        через определенный промежуток времени
+        2-аргумент. задержку в милисекундах, которая будет равняться 3 секундам
+
+        Сделайте чтобы в анонимной функции вызывалась функция alert со строкой
+        "message".
+    -->
+
+    <script>
+        'use strict';
+        setTimeout(function() {
+            alert('message');
+        }, 3000 /*здесь сделайте задержку 3 сек.*/);
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/5-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\276\321\202\321\201\321\202\321\203\320\277\321\213.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/5-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\276\321\202\321\201\321\202\321\203\320\277\321\213.html"
new file mode 100644
index 0000000..1e39dfe
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/5-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\276\321\202\321\201\321\202\321\203\320\277\321\213.html"	
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <form action="">
+        <input type="text"><br>
+        <input type="text"><br>
+        <input type="text"><br>
+        <input type="text"><br>
+    </form>
+
+    <!-- 
+        Задание. Сделайте, чтобы у всех инпутов снизу был внешний отступ (margin-bottom).
+        1. Получите все инпуты, например с помощью querySelectorAll
+        2. Переберите полученную коллекцию например с помощью forEach
+            2.1 У функции-обработчика, которая будет передаваться в forEach определите
+            параметр input
+            2.2 Чтобы менять стили обращайтесь к свойству style у параметра input
+    -->
+
+    <script>
+        'use strict';
+        let inputs = document.querySelectorAll('input');
+        inputs.forEach(function(input) {
+            input.style.marginBottom = '10px';
+        });
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/6-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\277\320\265\321\200\320\265\320\275\320\276\321\201\321\213.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/6-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\277\320\265\321\200\320\265\320\275\320\276\321\201\321\213.html"
new file mode 100644
index 0000000..963bf62
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 1 \321\203\321\200\320\276\320\262\320\275\321\217/6-\320\264\320\276\320\261\320\260\320\262\320\270\321\202\321\214_\320\277\320\265\321\200\320\265\320\275\320\276\321\201\321\213.html"	
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <input type="text">
+    <input type="text">
+    <input type="text">
+    <input type="text">
+
+    <!-- 
+        Задание. Инпуты идут один за другим, надо сделать чтобы после каждого инпута
+        появился тег br, чтобы инпуты стали стоять один под другим. Для этого:
+        1. Получите все инпуты, например с помощью querySelectorAll.
+        2. Переберите их с помощью цикла или forEach, и после каждого инпута
+        встявляйте тег br, например с помощью insertAdjacentHTML.
+    -->
+
+    <script>
+        'use strict';
+        let inputs = document.querySelectorAll('input');
+        inputs.forEach(function(input) {
+            input.insertAdjacentHTML('afterend', '<br>');
+        });
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\277\320\276\320\273\321\203\321\207\320\265\320\275\320\270\320\265_\320\267\320\275\320\260\321\207\320\265\320\275\320\270\320\271_\320\270\320\267_input/inputs.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\277\320\276\320\273\321\203\321\207\320\265\320\275\320\270\320\265_\320\267\320\275\320\260\321\207\320\265\320\275\320\270\320\271_\320\270\320\267_input/inputs.html"
new file mode 100644
index 0000000..778bdd5
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/1-\320\277\320\276\320\273\321\203\321\207\320\265\320\275\320\270\320\265_\320\267\320\275\320\260\321\207\320\265\320\275\320\270\320\271_\320\270\320\267_input/inputs.html"	
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <input id="from" type="text">
+    В инпуте написано: <span></span>
+
+    <!-- Задание.
+    1. Сохраните в переменную ссылку на span, например с помощью querySelector.
+    2. Сохраните в переменную fromEl ссылку на input, например с помощью getElementById.
+    3. Элементу fromEl назначьте обработку события change, у функции обработчика
+    этого события должен быть параметр event.
+    4. Читайте что было написано в input'e с помощью event.target.value и пишите это
+    значение в span.
+    -->
+
+    <script>
+        'use strict';
+        let span = document.querySelector('span');
+        let fromEl = document.querySelector('input');
+        fromEl.addEventListener('change', function(event) {
+            span.textContent = event.target.value;
+        });
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/index.html" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/index.html"
new file mode 100644
index 0000000..0161294
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/index.html"	
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <button>Показать блок</button>
+    <div class="message">
+        Lorem ipsum dolor sit.
+    </div>
+
+    <!-- Задание.
+    1. Сохраните в переменную btn ссылку на кнопку.
+    2. Сохраните в переменную msg ссылку на .message.
+    3. На btn назначьте обработку клика.
+        3.1 Внутри функции-обработчика сделайте чтобы у msg display становился block.
+        3.2 Для msg с помощью classList.add() добавьте классы animate__animated и
+        animate__fadeInLeftBig
+    -->
+
+    <script>
+        'use strict';
+        let btn = document.querySelector('button');
+        let msg = document.querySelector('.message');
+        btn.addEventListener('click', function() {
+            msg.style.display = 'block';
+            msg.classList.add('animate__animated', 'animate__fadeInLeftBig');
+        });
+    </script>
+</body>
+<!--sana9056-->
+</html>
\ No newline at end of file
diff --git "a/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/style.css" "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/style.css"
new file mode 100644
index 0000000..e069206
--- /dev/null
+++ "b/\320\224\320\276\320\274\320\260\321\210\320\275\321\217\321\217 \321\200\320\260\320\261\320\276\321\202\320\260 \342\204\2266/\320\267\320\260\320\264\320\260\320\275\320\270\321\217 2 \321\203\321\200\320\276\320\262\320\275\321\217/2-\320\260\320\275\320\270\320\274\320\260\321\206\320\270\321\217/style.css"	
@@ -0,0 +1,7 @@
+.message {
+    width: 150px;
+    padding: 20px;
+    background: lightgoldenrodyellow;
+    border: 1px solid orange;
+    display: none;
+}
\ No newline at end of file