post.js

// Select elements
const commentForm = document.getElementById("commentForm");
const commentList = document.getElementById("commentList");

// Load existing comments from localStorage
let comments = JSON.parse(localStorage.getItem("comments")) || [];

// Function to display comments
function displayComments() {
  commentList.innerHTML = "";

  comments.forEach((c, index) => {
    const div = document.createElement("div");
    div.classList.add("comment-item");

    div.innerHTML = `
      <p><strong>${c.name}</strong></p>
      <p>${c.text}</p>
      <small>${c.date}</small>
      <hr>

    `;
    commentList.appendChild(div);
  });
}

// Handle form submission
commentForm.addEventListener("submit", function (e) {
  e.preventDefault();

  const name = document.getElementById("name").value.trim();
  const commentText = document.getElementById("comment").value.trim();

  if (!name || !commentText) return;

  const newComment = {
    name: name,
    text: commentText,
    date: new Date().toLocaleString()
  };

  comments.push(newComment);

  // Save to localStorage
  localStorage.setItem("comments", JSON.stringify(comments));

  // Refresh UI
  displayComments();

  // Clear form
  commentForm.reset();
});

// Initial load
displayComments();