From 4f95a3d423e0f6b6150105669bca4f9fd62c9d82 Mon Sep 17 00:00:00 2001
From: Caroline Schulte <Caroline.schulte@uni-oldenburg.de>
Date: Sat, 18 Jul 2026 17:43:45 +0200
Subject: [PATCH] JavaScript Korrektur

---
 js/comments.js | 57 +++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 42 insertions(+), 15 deletions(-)

diff --git a/js/comments.js b/js/comments.js
index 7cccc5d..50ca52a 100644
--- a/js/comments.js
+++ b/js/comments.js
@@ -110,23 +110,50 @@ document.addEventListener("DOMContentLoaded", function () {
                     }
                 } else {
                     commentElement.innerHTML = `
-                        <p>
-                            <strong>${escapeHtml(data.author)}</strong>
-                            <span>${escapeHtml(data.created)}</span>
-                        </p>
-                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+        <p>
+            <strong>${escapeHtml(data.author)}</strong>
+            <span>${escapeHtml(data.created)}</span>
+        </p>
 
-                        <a
-                            href="#comment-form"
-                            class="reply-button"
-                            data-comment-id="${escapeHtml(data.commentId)}"
-                            data-author="${escapeHtml(data.author)}"
-                        >
-                            Antworten
-                        </a>
+        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
 
-                        <div class="comment-replies"></div>
-                    `;
+        <form
+            method="post"
+            action="php/controller/deleteComment-controller.php"
+            class="delete-comment-form"
+        >
+            <input
+                type="hidden"
+                name="comment_id"
+                value="${escapeHtml(data.commentId)}"
+            >
+
+            <input
+                type="hidden"
+                name="article_id"
+                value="${escapeHtml(formData.get("article_id"))}"
+            >
+
+            <button
+                type="submit"
+                class="delete-comment-button"
+                onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
+            >
+                Kommentar löschen
+            </button>
+        </form>
+
+        <a
+            href="#comment-form"
+            class="reply-button"
+            data-comment-id="${escapeHtml(data.commentId)}"
+            data-author="${escapeHtml(data.author)}"
+        >
+            Antworten
+        </a>
+
+        <div class="comment-replies"></div>
+    `;
 
                     commentsList.prepend(commentElement);