diff --git a/web/2_sem/javascript/day_3/sky.jpg b/web/2_sem/javascript/day_3/sky.jpg
new file mode 100644
index 0000000..f66cfd4
Binary files /dev/null and b/web/2_sem/javascript/day_3/sky.jpg differ
diff --git a/web/2_sem/javascript/day_3/task_2.html b/web/2_sem/javascript/day_3/task_2.html
new file mode 100644
index 0000000..b8a151d
--- /dev/null
+++ b/web/2_sem/javascript/day_3/task_2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8">
+    <script type="text/javascript" src="task_2.js"></script>
+    <title>JavaScript</title>
+</head>
+<body>
+    <h1>JavaScript</h1>
+    <p>
+        <input type="button" value="fadeIn" onclick="changeOpacity();"/>
+    </p>
+    <div style="position: absolute;">
+        <div style="position: absolute; top: 10px; left:10px;">
+            <img src="sky.jpg" />
+        </div>
+
+        <div id="over" style="position: absolute; top: 10px; lef: 10px;
+             width: 500px height: 375px; background: black;
+             opacity: 1.0;">
+        </div>
+    </div>
+</body>
+</html>
diff --git a/web/2_sem/javascript/day_3/task_2.js b/web/2_sem/javascript/day_3/task_2.js
new file mode 100644
index 0000000..104e179
--- /dev/null
+++ b/web/2_sem/javascript/day_3/task_2.js
@@ -0,0 +1,12 @@
+var value = 1.0;
+
+var titleSize = 10;
+
+function changeOpacity(){
+    if (value >= 0.00) {
+        value = value - 0.05;
+        var over = document.getElementById("over");
+        over.style.opacity = value;
+        over.style.backgroundColor = "green";
+    }
+}
