Help with OR in IF statements

Hi all,

I have produced some code for a search box in a hotel website project I've created.

form.addEventListener('submit', (e) => {
  e.preventDefault();
  let text = input.value.toLowerCase();
  for (let i = 0; i < hotel.length; i++)
    if (text === 'london' || 'paris' || 'rome' || 'barcelona') {
      if (text === hotelCity[i].textContent) {
        hotel[i].style.display = '';
      } else if (text === '') {
        hotel[i].style.display = ''
      } else {
        hotel[i].style.display = 'none'
      }
    } else {
      alert('Unfortunately, we only have hotels in London, Paris, Rome, and Barcelona. Please search for one of these cities');
    }
  input.value = '';
  window.scrollTo(0,570);
}); 

The code will check whether or not the text in the search box is one of the cities that a hotel exists in.

If it is, it will disable the display property of hotels that are not in that city leaving only those that are.

If the box is empty, all hotels will be shown.

If the box contains text that is not one of the valid cities, an alert will appear.

HOWEVER

The issue I'm having is that the code appears to run always as if the text is one of the four cities. As such everything is removed from display.

I can not understand why this would happen and appreciate any help understanding what I have done wrong.

Thanks!