SwaMedia

Slide1 Slide2 Slide3 More
const grid=document.getElementById('movieGrid'); let currentCat="all"; function render(cat="all",query=""){ grid.innerHTML=""; movies .filter(m=>(cat==="all"||m.cat===cat)) .filter(m=>m.title.toLowerCase().includes(query)) .forEach(m=>{ const a=document.createElement('a'); a.className="card"; // tunapeleka title, img na desc kama query params a.href=`details.html?title=${encodeURIComponent(m.title)}&img=${encodeURIComponent(m.img)}&desc=${encodeURIComponent(m.desc)}`; a.innerHTML=` ${m.title}

${m.title}

${m.desc}

`; grid.appendChild(a); }); } render(); document.getElementById('search').addEventListener('input',e=>{ render(currentCat,e.target.value.toLowerCase()); }); document.querySelectorAll('#categories button').forEach(btn=>{ btn.onclick=()=>{ document.querySelectorAll('#categories button').forEach(b=>b.classList.remove('active')); btn.classList.add('active'); currentCat=btn.dataset.cat; render(currentCat,document.getElementById('search').value.toLowerCase()); }; }); SwaMedia – Movie Detail

Download Movie

Leave a Comment


const slides=document.querySelectorAll('.slideshow img'); let i=0; slides[1].style.display='block'; setInterval(()=>{ slides[i].style.display='none'; i=(i+1)%slides.length; slides[i].style.display='block'; },3000);