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.