From 13ac51758e9d86eea91df04a5e70f8ac624765aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9D=D0=B8=D0=BA=D0=B8=D1=82=D0=B0=20=D0=A2=D1=80=D0=BE?=
 =?UTF-8?q?=D1=84=D0=B8=D0=BC=D0=BE=D0=B2?=
 <trofimov.nikita.sibles@gmail.com>
Date: Thu, 2 Jul 2026 19:37:17 +0300
Subject: [PATCH] Update index.html

---
 index.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 6f14ae14aa..5691aa692e 100644
--- a/index.html
+++ b/index.html
@@ -64,8 +64,58 @@
   </body>
 
   <script>
-    "use strict";
-    // Код писать здесь
+     "use strict";
+    const commentsList = document.querySelector(".comments");
+    const nameInput = document.querySelector(".add-form-name");
+    const textInput = document.querySelector(".add-form-text");
+    const addFormButton = document.querySelector(".add-form-button");
+
+    nameInput.addEventListener("input", () => {
+      nameInput.classList.remove("-error");
+    });
+
+    textInput.addEventListener("input", () => {
+      textInput.classList.remove("-error");
+    });
+
+    addFormButton.addEventListener("click", () => {
+      if (nameInput.value.trim() === "" || textInput.value.trim() === "") {
+        alert("Пожалуйста, заполните оба поля: имя и комментарий.");
+        return;
+      }
+      const currentDate = new Date();
+      const day = String(currentDate.getDate()).padStart(2, "0");
+      const month = String(currentDate.getMonth() + 1).padStart(2, "0");
+      const year = String(currentDate.getFullYear()).slice(-2);
+      const hours = String(currentDate.getHours()).padStart(2, "0");
+      const minutes = String(currentDate.getMinutes()).padStart(2, "0");
+      
+      const formattedDate = `${day}.${month}.${year} ${hours}:${minutes}`;
+
+      const newCommentHtml = `
+        <li class="comment">
+          <div class="comment-header">
+            <div>${nameInput.value}</div>
+            <div>${formattedDate}</div>
+          </div>
+          <div class="comment-body">
+            <div class="comment-text">
+              ${textInput.value}
+            </div>
+          </div>
+          <div class="comment-footer">
+            <div class="likes">
+              <span class="likes-counter">0</span>
+              <button class="like-button"></button>
+            </div>
+          </div>
+        </li>
+      `;
+      commentsList.innerHTML += newCommentHtml;
+
+      nameInput.value = "";
+      textInput.value = "";
+    });
     console.log("It works!");
   </script>
 </html>