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)
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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