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

Question

[Александр]

Как можно реализовать условия в скрипте. что бы при определённом значение менялся вывод кода? В Javascript не силён, может не правильно объясняюсь конечно. Что я имею в виду, получаю информацию по 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 = определённому значению (например человек), то тогда бы выводимая ссылка менялась на

<code lang="html">
<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>
</code>

Comments

[Kentavr16]

а где твой скрипт? что за переменная movie.posterUrl? Как может срабатывать подстановка если для этого в джаваскрипт нужно ставить обратную кавычку `${movie.posterUrl}`? Что за переменная movie.professionText?

[Александр]

Kentavr16, это просто часть кода

[Александр]

Kentavr16,

data.forEach((movie) => {
    const movieEl = document.createElement("span");
    movieEl.classList.add("staff");
    movieEl.innerHTML = `<a class="actors" href="/xfsearch/actors/${movie.nameRu}">
<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);
  });

[Kentavr16]

а что сейчас представляет из себя переменная movie.professionText? Там могут храниться разные значения/данные? Пока все выглядит так что нужно переписать апи, если я правильно понял проблему.

[Александр]

Kentavr16, movie.professionText эта переменная передаёт профессию в виде текста, вот мне и нужно что бы при определённом значение менялась ссылка, навроде [if professionText=чел]то чел[elise]не чел[/if} - это я уж так для наглядности.

[Kentavr16]

Александр, просто находишь элемент в дом-дереве и подставляешь нужное значение по условию.
Это практически самый простой скрипт, хорошая отправная точка чтобы начать изучать js

[Александр]

Kentavr16, подскажите пожалуйста где можно изучить данный вопрос, документацию, или как это правильно называется что бы через поиск найти

[Kentavr16]

Александр, я скидывал пример из песочницы, но она не прогрузилась. По этому принципу. Более точно сказать не могу, так как не понятно куда ты хочешь делать запрос и исходя из какой логики изменять ссылку.

[Kentavr16]

Александр, Здесь нужно просто немного понимать основы - DOM,подключение к DOM из скрипта, изменение атрибутов. Отправная точка по селеекторам, все остальное тоже на MDN

[Александр]

Kentavr16, мне нужно что бы вот эта часть кода менялась

<a class="actors" href="/xfsearch/actors/${movie.nameRu}">

в зависимости от значения ${movie.professionText}, т.е если оно равно чел1 то /xfsearch/chel1/${movie.nameRu}, исли чел2 то /xfsearch/chel2/${movie.nameRu} именно эту часть ссылки мне нужно менять в зависимости от значения professionText

[Kentavr16]

Я писал в первом комменте - вместо двойных кавычек поставь обратные одинарные. Только тогда джаваскрипт будет подставлять переменные. Обратные одинарные - в анг.раскладке кнопка над таб, где тильда нарисована. НЕ href="/xfsearch/actors/${movie.nameRu}", а href=`/xfsearch/actors/${movie.nameRu}`

[Александр]

Kentavr16, это я понял, у меня всё работает и так, как есть ссылка выводиться и работает. Только она при любых значениях professionText такого типа /xfsearch/actors/${movie.nameRu}, вот я и хотел бы ее изменять