Задать вопрос
jun_dev
@jun_dev
Frontend-developer

Как корректно написать условие в шаблонной строке?

Простой вывод данных в DOM.
Нужно прописать условие при выводе изображение (или текста, не столь важно ).
Если не undefined то выводим тег с содержимым, если пусто то ничего не выводим в dom.
`${content.img !== undefined ? `<img src='${ content.img }' alt=''>}`


Задача: предотвратить вывод пустого тега.

const toHtml = content => ` 
            <div class='block-content'>
              <h3>${ content.title }</h3>
              <p>${ content.text }</p>
              <div class='img'>
                `${content.img !== undefined ? `<img src='${ content.img }' alt=''>}`
              </div>
            </div> `;

const renderHtml = e => {

    blocksContent.innerHTML = data[e].map(toHtml).join('');
};

button.addEventListener('click', renderHtml)
  • Вопрос задан
  • 56 просмотров
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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