Как сформировать условия вывода в скрипте (api)?

Question

Как можно реализовать условия в скрипте, чтобы при определённом значении менялся вывод кода?

      data.forEach((movie) => {
    const movieEl = document.createElement("span");
    movieEl.classList.add("staff");
    movieEl.innerHTML = `<a class="actors" href="/xfsearch/actors/${movie.nameRu}/">
<span>
<img src="${movie.posterUrl}" alt="${movie.nameRu}"/>
<div class="professionText">${movie.professionText.replace(/ы$/, "")}</div>
<div class="nameru">${movie.nameRu}</div>
</span></a>`;
    moviesEl.appendChild(movieEl);
  });

Что я имею в виду, получаю информацию по api и вывожу её так

<a class="actors" href="/xfsearch/actors/${movie.nameRu}/">
<span>
<img src="${movie.posterUrl}" alt="${movie.nameRu}"/>
<div class="professionText">${movie.professionText.replace(/ы$/, "")}</div>
<div class="nameru">${movie.nameRu}</div>
</span></a>

Как мне сделать, чтобы когда movie.professionText равно определённому значению (например, "человек"), то тогда бы выводимая ссылка менялась на

<a class="actors" href="/xfsearch/chel/${movie.nameRu}/">
<span>
<img src="${movie.posterUrl}" alt="${movie.nameRu}"/>
<div class="professionText">${movie.professionText.replace(/ы$/, "")}</div>
<div class="nameru">${movie.nameRu}</div>
</span></a>

Answer 1

Как мне сделать, чтобы когда movie.professionText равно определённому значению (например, "человек"), то тогда бы выводимая ссылка менялась

Например вот так сделать можно...

// тут описываются разные варианты
const obj = {
  "человек": 'chel',
  "человек2": 'chel2',
  def: 'actors'
}
data.forEach((movie) => {
  const movieEl = document.createElement("span");
  movieEl.classList.add("staff");
  // вот тут определяем
  const tp = obj[movie.professionText] ?? obj.def
  // вот вставляем
  movieEl.innerHTML = `<a class="actors" href="/xfsearch/${tp}/${movie.nameRu}/">
<span>
<img src="${movie.posterUrl}" alt="${movie.nameRu}"/>
<div class="professionText">${movie.professionText.replace(/ы$/, "")}</div>
<div class="nameru">${movie.nameRu}</div>
</span></a>`;
  moviesEl.appendChild(movieEl);
});

БЛОГ НА HUSL

Как сформировать условия вывода в скрипте (api)?

Ответы (1 шт):