function renderReviews(data){ const container = document.getElementById("reviewsSection"); container.innerHTML=""; data.forEach((r,i)=>{ container.innerHTML += ` `; }); } function increaseHelpful(i){ let el = document.getElementById("help-"+i); el.innerText = parseInt(el.innerText) + 1; } function renderFAQ(){ const container = document.getElementById("faqSection"); faq.forEach((item)=>{ let parts = item.split("|"); container.innerHTML += ` `; }); } function toggleFAQ(el){ let answer = el.nextElementSibling; answer.style.display = answer.style.display === "block" ? "none":"block"; } function showTab(tab){ document.querySelectorAll(".tab").forEach(t=>t.classList.remove("active")); event.target.classList.add("active"); if(tab==="reviews"){ document.getElementById("reviewsSection").style.display="block"; document.getElementById("faqSection").style.display="none"; }else{ document.getElementById("reviewsSection").style.display="none"; document.getElementById("faqSection").style.display="block"; } } document.getElementById("searchInput").addEventListener("input", function(){ let value = this.value.toLowerCase(); let filtered = reviews.filter(r => r.text.toLowerCase().includes(value)); renderReviews(filtered); }); document.getElementById("sortSelect").addEventListener("change", function(){ let sorted = [...reviews]; if(this.value==="recent"){ sorted.sort((a,b)=> new Date(b.date)-new Date(a.date)); } if(this.value==="oldest"){ sorted.sort((a,b)=> new Date(a.date)-new Date(b.date)); } renderReviews(sorted); }); renderReviews(reviews); renderFAQ();