Search bar not showing relevant results based on text provided

[Hrishi456]

No description provided.

[VivekJayakumaran]

<script> document.addEventListener('DOMContentLoaded', function () { const searchBox = document.getElementById('search-box'); const searchResults = document.getElementById('search-results'); const noResultsMessage = document.getElementById('no-results-message'); // Initially hide the "Result not found" message noResultsMessage.style.display = 'none'; searchBox.addEventListener('input', function () { const searchTerm = searchBox.value.trim().toLowerCase(); const packages = document.querySelectorAll('.box'); let hasResults = false; packages.forEach(function (package) { const packageName = package.querySelector('h3').innerText.toLowerCase(); if (packageName.includes(searchTerm)) { package.style.display = 'block'; hasResults = true; } else { package.style.display = 'none'; } }); // Update the display based on search results if (hasResults) { searchResults.style.display = 'block'; noResultsMessage.style.display = 'none'; } else { searchResults.style.display = 'block'; noResultsMessage.style.display = 'block'; } }); }); </script>

[Yash-srivastav16]

Anyone here to pick this up..?

[KAmaL-senpai]

@Yash-srivastav16, Hey I would i like to work on this issue.

[Yash-srivastav16]

Hey @KAmaL-senpai , Sure you can work on this. I'm assigning this issue to you.