Перед добавлением обработчика как выполнить проверку есть ли блок с видео или нет?

Question

[Anton12344]

js
const playButton = document.querySelector('.video__button');
const link = document.querySelector('.video__link');
const video = document.querySelector('.video');
const videoIframe = video.querySelector('[data-video-container]');

// eslint-disable-next-line consistent-return
const createIframe = (block) => {
if (video !== null) {
const iframe = document.createElement('iframe');

iframe.setAttribute('width', 364);
iframe.setAttribute('height', 228);
iframe.setAttribute('allow', 'autoplay');
iframe.setAttribute('src', block.dataset.src);

return iframe;
}
};

export const initPlayVideo = () => {
link.removeAttribute('href');
playButton.addEventListener('click', () => {
if (video && videoIframe) {
playButton.remove();
link.remove();
const newIframe = createIframe(videoIframe);
videoIframe.append(newIframe);
}
});
};

Comments

[modelair]

ну то же самое к обработчику и примените. if (video !== null)

[Модератор]

Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.