Spaces:
Running
Running
document.addEventListener('DOMContentLoaded', function () { | |
const searchBar = document.getElementById('searchBar'); | |
const movieContainers = document.querySelectorAll('.movie'); | |
searchBar.addEventListener('input', function () { | |
const searchText = searchBar.value.toLowerCase().trim(); | |
movieContainers.forEach(function (container) { | |
const title = container.querySelector('.title').textContent.toLowerCase(); | |
const description = container.querySelector('.description').textContent.toLowerCase(); | |
if (title.includes(searchText) || description.includes(searchText)) { | |
container.style.display = 'block'; | |
} else { | |
container.style.display = 'none'; | |
} | |
}); | |
}); | |
movieContainers.forEach(function (container) { | |
container.addEventListener('click', function () { | |
const audio = this.querySelector('audio'); | |
movieContainers.forEach(function (otherContainer) { | |
const otherAudio = otherContainer.querySelector('audio'); | |
if (otherAudio !== audio && !otherAudio.paused) { | |
otherAudio.pause(); | |
otherAudio.classList.add('d-none'); | |
} | |
}); | |
if (audio.paused) { | |
audio.play(); | |
} else { | |
audio.pause(); | |
} | |
audio.classList.toggle('d-none'); | |
}); | |
}); | |
}); | |