From 3a63c2806eaa47a9739dd4ec886d8eb7e73a8dde Mon Sep 17 00:00:00 2001 From: DariaAntonovna Date: Wed, 20 Aug 2025 16:32:18 +0300 Subject: [PATCH 1/4] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D0=B5?= =?UTF-8?q?=D0=B5=20=D0=B7=D0=B0=D0=B4=D0=B0=D0=BD=D0=B8=D0=B5.DOM=201?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 161 +++++++++++++++++++++++++++++++++-------------------- 1 file changed, 101 insertions(+), 60 deletions(-) diff --git a/index.html b/index.html index 6f14ae14a..e79e7638d 100644 --- a/index.html +++ b/index.html @@ -1,71 +1,112 @@ - - Проект "Комменты" - - - - -
- +
+ + +
+
- +
+ + + - - + \ No newline at end of file From fc9b34733ff95f3b8e4b2b9c14d5f72f6b022800 Mon Sep 17 00:00:00 2001 From: DariaAntonovna Date: Fri, 22 Aug 2025 10:17:30 +0300 Subject: [PATCH 2/4] =?UTF-8?q?=D0=94=D0=BE=D0=BC=D0=B0=D1=88=D0=BD=D1=8F?= =?UTF-8?q?=D1=8F=20=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=20DOM2.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 130 +++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 102 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index e79e7638d..c6ef8b9f3 100644 --- a/index.html +++ b/index.html @@ -58,12 +58,89 @@ From 97f21468d2a351b983fdfaf8a58c1db56ad694d5 Mon Sep 17 00:00:00 2001 From: DariaAntonovna Date: Fri, 22 Aug 2025 11:32:44 +0300 Subject: [PATCH 3/4] =?UTF-8?q?DOM=202=20=D0=94=D0=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index c6ef8b9f3..9576b4acf 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ -
+
  • From 605e343c22d8256c8960e0c8560272c11d9b41b3 Mon Sep 17 00:00:00 2001 From: DariaAntonovna Date: Fri, 22 Aug 2025 14:25:39 +0300 Subject: [PATCH 4/4] =?UTF-8?q?=D0=94=D0=97=20DOM=203?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 57 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 51 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 9576b4acf..0899aba1f 100644 --- a/index.html +++ b/index.html @@ -82,6 +82,8 @@ const addButton = document.querySelector('.add-form-button'); const commentsList = document.querySelector('.comments'); + let replyingTo = null; + function renderComments() { commentsList.innerHTML = ''; @@ -91,12 +93,12 @@ const commentHTML = `
  • -
    ${comment.name}
    +
    ${escapeHtml(comment.name)}
    ${comment.date}
    - ${comment.text} + ${escapeHtml(comment.text)}
    @@ -112,6 +114,30 @@ }); initLikeButtons(); + initCommentClickHandlers(); + } + + function initCommentClickHandlers () { + const commentElements = document.querySelectorAll('.comment'); + + commentElements.forEach((commentElement) => { + commentElement.addEventListener('click', (event) => { + if (!event.target.closest('.like-button')) { + const commentId = parseInt (commentElement.dataset.id); + replyToComment(commentId); + } + }); + }); + } + + function replyToComment(commentId) { + const comment = commentsData.find(c => c.id === commentId); + + if (comment) { + replyingTo = commentId; + textInput.value = `> ${escapeHtml(comment.name)}: ${escapeHtml(comment.text)}\n\n`; + textInput.focus(); + } } function initLikeButtons() { @@ -138,10 +164,25 @@ }); } + function escapeHtml(unsafe) { + if (typeof unsafe !== 'string') return unsafe; + + return unsafe + .replaceAll('&', '&') + .replaceAll('<', '<') + .replaceAll('>', '>') + .replaceAll('"', '"') + .replaceAll("'", ''') + } + function addComment() { - if (nameInput.value.trim() === '' || textInput.value.trim() === '') { + + const name = nameInput.value.trim(); + const text = textInput.value.trim(); + + if (name === '' || text === '') { alert('Пожалуйста, заполните все поля!'); return; } @@ -151,17 +192,21 @@ const newComment = { id: Date.now(), - name: nameInput.value, + name: name, date: formattedDate, - text: textInput.value, + text: text, likes: 0, - isLiked: false + isLiked: false, + replyTo: replyingTo }; commentsData.push(newComment); renderComments(); + + nameInput.value = ''; textInput.value = ''; + replyingTo = null; } function initApp() {