From 55c23364964237e6effe7d35d48c52b5010e41e3 Mon Sep 17 00:00:00 2001
From: Dmitrij <dmitrijsarycev31@gmail.com>
Date: Wed, 13 May 2026 04:22:03 +0500
Subject: [PATCH 1/3] =?UTF-8?q?=D0=9E=D0=B1=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D1=87=D0=B8=D0=BA=D0=B8=20=D1=81=D0=BE=D0=B1=D1=8B=D1=82=D0=B8?=
 =?UTF-8?q?=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 48 +++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 6f14ae14aa..76e7d2bd53 100644
--- a/index.html
+++ b/index.html
@@ -50,14 +50,14 @@
           class="add-form-name"
           placeholder="Введите ваше имя"
         />
-        <textarea
+        <textarea 
           type="textarea"
           class="add-form-text"
           placeholder="Введите ваш коментарий"
           rows="4"
         ></textarea>
         <div class="add-form-row">
-          <button class="add-form-button">Написать</button>
+          <button class="add-form-button" id="btn">Написать</button>
         </div>
       </div>
     </div>
@@ -66,6 +66,48 @@
   <script>
     "use strict";
     // Код писать здесь
-    console.log("It works!");
+    const nameInput = document.querySelector('.add-form-name');
+    const textInput = document.querySelector('.add-form-text');
+    const btn = document.getElementById('btn');
+    const commentsContainer = document.querySelector('.comments') || document.body;
+
+    function checkInputs() {
+    btn.disabled = !(nameInput.value.trim() && textInput.value.trim());
+    }
+
+    btn.addEventListener('click', () => {
+    const date = new Date().toLocaleString().slice(0, -3).replace(',', '');
+    const newComment = document.createElement('div');
+    newComment.classList.add('comment'); 
+
+    newComment.innerHTML = `
+        <div class="comment-header">
+            <div>${nameInput.value}</div>
+            <div>${date}</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>
+    `;
+
+    commentsContainer.appendChild(newComment);
+
+    nameInput.value = '';
+    textInput.value = '';
+    checkInputs();
+    });
+
+    nameInput.addEventListener('input', checkInputs);
+    textInput.addEventListener('input', checkInputs);
+
+    checkInputs();
   </script>
 </html>

From f354a89bab5f324fd52fba72fd67514c13b23727 Mon Sep 17 00:00:00 2001
From: Dmitrij <dmitrijsarycev31@gmail.com>
Date: Fri, 15 May 2026 02:03:17 +0500
Subject: [PATCH 2/3] g366

---
 index.html | 50 +++++++++++++++++++++++++-------------------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index 76e7d2bd53..acc478dce1 100644
--- a/index.html
+++ b/index.html
@@ -72,37 +72,37 @@
     const commentsContainer = document.querySelector('.comments') || document.body;
 
     function checkInputs() {
-    btn.disabled = !(nameInput.value.trim() && textInput.value.trim());
+        btn.disabled = !(nameInput.value.trim() && textInput.value.trim());
     }
 
     btn.addEventListener('click', () => {
-    const date = new Date().toLocaleString().slice(0, -3).replace(',', '');
-    const newComment = document.createElement('div');
-    newComment.classList.add('comment'); 
+        const date = new Date().toLocaleString().slice(0, -3).replace(',', '');
+        const newComment = document.createElement('div');
+            newComment.classList.add('comment'); 
 
-    newComment.innerHTML = `
-        <div class="comment-header">
-            <div>${nameInput.value}</div>
-            <div>${date}</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>
-    `;
+            newComment.innerHTML = `
+                <div class="comment-header">
+                    <div>${nameInput.value}</div>
+                    <div>${date}</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>
+            `;
 
-    commentsContainer.appendChild(newComment);
+            commentsContainer.appendChild(newComment);
 
-    nameInput.value = '';
-    textInput.value = '';
-    checkInputs();
+            nameInput.value = '';
+            textInput.value = '';
+            checkInputs();
     });
 
     nameInput.addEventListener('input', checkInputs);

From 99571605fffa07d3621d61df736431514240d014 Mon Sep 17 00:00:00 2001
From: Dmitrij <dmitrijsarycev31@gmail.com>
Date: Tue, 19 May 2026 21:37:41 +0500
Subject: [PATCH 3/3] =?UTF-8?q?=D0=A0=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=BB=D0=B0=D0=B9=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 38 ++++++++++++++++++++++++++++++++------
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index acc478dce1..01f9a75cbb 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
           </div>
           <div class="comment-footer">
             <div class="likes">
-              <span class="likes-counter">3</span>
+              <span class="likes-counter">0</span>
               <button class="like-button"></button>
             </div>
           </div>
@@ -38,8 +38,8 @@
           </div>
           <div class="comment-footer">
             <div class="likes">
-              <span class="likes-counter">75</span>
-              <button class="like-button -active-like"></button>
+              <span class="likes-counter">0</span>
+              <button class="like-button"></button>
             </div>
           </div>
         </li>
@@ -57,7 +57,7 @@
           rows="4"
         ></textarea>
         <div class="add-form-row">
-          <button class="add-form-button" id="btn">Написать</button>
+          <button class="add-form-button">Написать</button>
         </div>
       </div>
     </div>
@@ -65,10 +65,10 @@
 
   <script>
     "use strict";
-    // Код писать здесь
+    // Добавление комментария
     const nameInput = document.querySelector('.add-form-name');
     const textInput = document.querySelector('.add-form-text');
-    const btn = document.getElementById('btn');
+    const btn = document.querySelector('.add-form-button');
     const commentsContainer = document.querySelector('.comments') || document.body;
 
     function checkInputs() {
@@ -109,5 +109,31 @@
     textInput.addEventListener('input', checkInputs);
 
     checkInputs();
+
+    // Добавление лайка
+    commentsContainer.addEventListener('click', (event) => {
+        const likeBtn = event.target.closest('.like-button');
+        if (!likeBtn) return; 
+
+        const likeBlock = likeBtn.closest('.likes');
+        const likeCount = likeBlock.querySelector('.likes-counter');
+
+        const commentData = {
+            likes: parseInt(likeCount.textContent) || 0,
+            isLiked: likeBtn.classList.contains('-active-like')
+        };
+
+        if (!commentData.isLiked) {
+            commentData.likes++;
+            commentData.isLiked = true;
+        } else {
+            commentData.likes--;
+            commentData.isLiked = false;
+        }
+
+        likeBtn.className = `like-button ${commentData.isLiked ? '-active-like' : ''}`;
+
+        likeCount.textContent = commentData.likes;
+    });
   </script>
 </html>