Как сделать правильное формирование запроса?

Question

[Константин]

Не работает правильно формирование запроса в этом коде:

Input.addEventListener('input', async (event) => {
  const target = event.target.value;
  
  const placeholderText = event.target.placeholder; 

  const GET = 
  await fetch(`https://sb-film.cc/films` + (placeholderText == 'Название фильма' ? `?title=${target}` : '') 
  + (placeholderText == 'Жанр' ? `?genre=${target}` : '') + (placeholderText == 'Год релиза' ? `?releaseYear=${target}` : '' )
  , {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      email: "[e-mail]",
    }   
  });
}

Должно выглядеть в строке всё вот так: "?

title=yourTitle&genre=yourGenre&releaseYear=yourReleaseYear&isWatched=(true/false если установлено поле)

."

Т.е., если я ввожу только в поле title, то title=yourTitle. Если в title и genre, то title=yourTitle&genre=yourGenre. А если в title, genre и в releaseYear, то так title=yourTitle&genre=yourGenre&releaseYear=yourReleaseYear

И т.д. Почему мой код именно так не работает? Все же правильно вроде бы сделал.

Comments

[VoidVolker]

Константин и на каком этапе отладки вашего кода у вас возникли сложности? Что именно не получается?

Answer 1

[VoidVolker]

Правильно — использовать соответствующий API: URL/searchParams
Кроме того, рекомендую ознакомиться с оператором ветвления switch.