'How to display 'no result found' on search when there is no result found, using Javascript?

I have a search page on my website that shows the products searched by the user. I want to display 'no products' to them if the products are not found in the database.

const searchKey = decodeURI(location.pathname.split('/').pop());
const searchResults = document.querySelector('.serach-results');

getMobile(searchKey).then(data => createMobileCards(data, '.mobile-card-container'));

if (!getMobile(searchKey).then(data => createMobileCards(data, '.mobile-card-container')).length) {
searchResults.innerHTML += 'no products';

}

but the code is not working! If the there is no products found then it won't show anything.

please help me to solve this problem.

javascripthtml


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions