From c1e706e25a1535b63f93fba3e1e1b70f0e1e8b28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=BC=D0=B0=D0=BA=D1=81=D0=B8=D0=BC?=
 <notolerances@yandex.ru>
Date: Mon, 1 Sep 2025 21:10:43 +0300
Subject: [PATCH 1/5] asedf

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 6f14ae14a..547bb427c 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <link rel="stylesheet" href="styles.css" />
   </head>
-
+  
   <body>
     <div class="container">
       <ul class="comments">

From 0dbea49a859f4ca8ce7c3a399e250e240a21557e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=BC=D0=B0=D0=BA=D1=81=D0=B8=D0=BC?=
 <notolerances@yandex.ru>
Date: Mon, 1 Sep 2025 21:11:22 +0300
Subject: [PATCH 2/5] 1

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 547bb427c..1b590aa1e 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <link rel="stylesheet" href="styles.css" />
   </head>
-  
+   
   <body>
     <div class="container">
       <ul class="comments">

From 6f8a90a538ac1b3c90addeea30df5b2eb353a47f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=BC=D0=B0=D0=BA=D1=81=D0=B8=D0=BC?=
 <notolerances@yandex.ru>
Date: Mon, 1 Sep 2025 21:11:48 +0300
Subject: [PATCH 3/5] 1

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1b590aa1e..6f14ae14a 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <link rel="stylesheet" href="styles.css" />
   </head>
-   
+
   <body>
     <div class="container">
       <ul class="comments">

From 1a8cc59ef8fe190570ff0ba4db52430c45e9b467 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=BC=D0=B0=D0=BA=D1=81=D0=B8=D0=BC?=
 <notolerances@yandex.ru>
Date: Mon, 1 Sep 2025 22:01:55 +0300
Subject: [PATCH 4/5] =?UTF-8?q?=D0=B2=D1=8B=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=B4=D0=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 6f14ae14a..974dcc388 100644
--- a/index.html
+++ b/index.html
@@ -64,8 +64,49 @@
   </body>
 
   <script>
-    "use strict";
-    // Код писать здесь
-    console.log("It works!");
+    const commentsList = document.querySelector('.comments');
+    const nameInput = document.querySelector('.add-form-name');
+    const commentInput = document.querySelector('.add-form-text');
+    const addButton = document.querySelector('.add-form-button');
+
+    nameInput.addEventListener('input', () => {
+    });
+
+    commentInput.addEventListener('input', () => {
+    });
+
+    addButton.addEventListener('click', () => {
+    const name = nameInput.value.trim();
+    const commentText = commentInput.value.trim();
+    
+    const currentDate = new Date();
+    const formattedDate = currentDate.toLocaleString('ru-RU', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit'
+    });
+
+    const newComment = `
+        <div class="comment">
+            <div class="comment-header">
+                <span class="comment-name">${name}</span>
+                <span class="comment-date">${formattedDate}</span>
+            </div>
+            <div class="comment-text">${commentText}</div>
+            <div class="comment-footer">
+              <div class="likes">
+                <span class="likes-counter">0</span>
+                <button class="like-button"></button>
+              </div>
+        </div>
+    `;
+
+    commentsList.innerHTML += newComment;
+    
+    nameInput.value = '';
+    commentInput.value = '';
+    });
   </script>
 </html>

From 363d322c3b829c397ce7cd449b515fdb5233768b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=BC=D0=B0=D0=BA=D1=81=D0=B8=D0=BC?=
 <notolerances@yandex.ru>
Date: Mon, 1 Sep 2025 22:25:04 +0300
Subject: [PATCH 5/5] =?UTF-8?q?=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=B4=D0=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/index.html b/index.html
index 974dcc388..7c97982c6 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,8 @@
     const nameInput = document.querySelector('.add-form-name');
     const commentInput = document.querySelector('.add-form-text');
     const addButton = document.querySelector('.add-form-button');
+    let originalNameColor = nameInput.style.backgroundColor;
+    let originalCommentColor = commentInput.style.backgroundColor;
 
     nameInput.addEventListener('input', () => {
     });
@@ -76,6 +78,22 @@
     });
 
     addButton.addEventListener('click', () => {
+
+
+    if (nameInput.value === "") {
+      nameInput.style.backgroundColor = "red";
+      setTimeout(() => {
+      nameInput.style.backgroundColor = originalNameColor;
+      }, 2000);
+      return;
+    } else if (commentInput.value === "") {
+      commentInput.style.backgroundColor = "red";
+        setTimeout(() => {
+        commentInput.style.backgroundColor = originalCommentColor;
+        }, 2000);
+      return;
+    }
+
     const name = nameInput.value.trim();
     const commentText = commentInput.value.trim();
     
