`; nugContainer.appendChild(post); attachPostListeners(post); statusInput.value = ''; uploadInput.value = ''; previewContainer.innerHTML = ''; previewContainer.classList.add('hidden'); uploadedFileURL = null; uploadedFileType = null; }); function attachPostListeners(post) { const fireBtn = post.querySelector('.fire-btn'); const dislikeBtn = post.querySelector('.dislike-btn'); const commentBtn = post.querySelector('.comment-toggle'); const commentSubmit = post.querySelector('.comment-submit'); const commentInput = post.querySelector('.comment-input'); const commentList = post.querySelector('.comments-list'); const fireCount = post.querySelector('.fire-count'); const dislikeCount = post.querySelector('.dislike-count'); const commentCount = post.querySelector('.comment-count'); let hasFired = false; let hasDisliked = false; fireBtn.addEventListener('click', () => { let count = parseInt(fireCount.textContent); fireCount.textContent = hasFired ? count - 1 : count + 1; fireBtn.classList.toggle('active'); hasFired = !hasFired; }); dislikeBtn.addEventListener('click', () => { let count = parseInt(dislikeCount.textContent); dislikeCount.textContent = hasDisliked ? count - 1 : count + 1; dislikeBtn.classList.toggle('active'); hasDisliked = !hasDisliked; }); commentBtn.addEventListener('click', () => { post.querySelector('.add-comment').classList.toggle('hidden'); }); commentSubmit.addEventListener('click', () => { const text = commentInput.value.trim(); if (text) { const div = document.createElement('div'); div.className = 'comment'; div.textContent = `You: ${text}`; commentList.appendChild(div); commentInput.value = ''; commentCount.textContent = parseInt(commentCount.textContent) + 1; } }); } document.body.addEventListener('click', function (e) { if (e.target.classList.contains('options-btn')) { const currentMenu = e.target.nextElementSibling; document.querySelectorAll('.options-menu').forEach(menu => { if (menu !== currentMenu) menu.classList.add('hidden'); }); currentMenu.classList.toggle('hidden'); e.stopPropagation(); } else { document.querySelectorAll('.options-menu').forEach(menu => { menu.classList.add('hidden'); }); } if (e.target.classList.contains('delete-btn')) { const post = e.target.closest('.feed-post') || e.target.closest('.full-post'); if (confirm("Are you sure you want to delete this post?")) { post.remove(); } } if (e.target.classList.contains('edit-btn')) { alert("Edit post coming soon..."); } }); document.querySelectorAll('.options-menu').forEach(menu => { menu.addEventListener('click', function (e) { e.stopPropagation(); }); }); document.querySelectorAll('.feed-post').forEach(attachPostListeners); });