Как создать условия для вывода информации в скрипте с использованием API?

Question

Mia

javascript , api

Как создать условия для вывода информации в скрипте с использованием API?

Как в скрипте JavaScript реализовать изменение вывода кода в зависимости от определенного значения переменной? Например, у меня есть следующий код для вывода информации, полученной из API:
```html
<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` равно определенному значению (например, "человек"), то выводимая ссылка менялась на следующую:
```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>
```

20 декабря 2023 г. 17:07

Ответы на вопрос 1

Похожие вопросы

Answer 1

Вы можете использовать конструкцию условного оператора (if-else) в скрипте JavaScript для реализации изменения вывода кода в зависимости от значения переменной. В данном случае, вы можете проверить значение переменной `movie.professionText` и если оно равно "человек", то изменить атрибут `href` ссылки.

Вот пример кода, который показывает, как это можно сделать:

```html
<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>

<script>
  if (movie.professionText === "человек") {
    document.querySelector('.actors').setAttribute('href', `/xfsearch/chel/${movie.nameRu}/`);
  }
</script>
```

В этом примере используется условный оператор if для проверки значения `movie.professionText`. Если оно равно "человек", то с помощью метода `setAttribute` изменяется значение атрибута `href` ссылки на "/xfsearch/chel/${movie.nameRu}/". Если условие не выполняется, то значение `href` остается без изменений.