Как передать контент через data в один клик, а не три разных?

Получилось вот так:

document.addEventListener( 'click', event => {
            let target = event.target;

            if ( target.matches( '.views-column__image' ) || target.matches( '.views-column__image img' )
                || target.matches( '.views-column__title' ) || target.matches( '.views-column__text' ) || target.matches( '.views-column__text p' ) ) {
                viewsImages.forEach( images => {
                    let image = images.dataset.src; // ссылки 
                    popupDataImage[0].src = `${image}`;
                } );
                
                viewsTitles.forEach( titles => {
                    let title = titles.dataset.viewsTitle; // заголовок
                    popupDataTitle[0].innerHTML = title;
                } );

                viewsTexts.forEach( texts => {
                    let text = texts.dataset.viewsText; // текст
                    popupDataText[0].innerHTML = text;
                } );

                body.classList.add( 'disabled-scroll' );
                popupData.style.display = 'block';
            }  else if ( event.target.matches( '.popup-data' ) || event.target.matches( '.close' ) ) {
                popupData.style.display = 'none';
                body.classList.remove( 'disabled-scroll' );
            }
        } );

Как передать контент через data в один клик, а не три разных?

Антон Литвиненко, благодарю за наводку! что-то я забыл от таких методах))
Получилось немного по другому, с помощью событий, но всё же

Как remove и add сделать плавным?

Rsa97, какая альтернатива?

Swiper слайдер или самописный?

Ankhena, благодарю за наводку!

Почему не работает сайт при переходе через UTM метки?

Pavel Chistyakov, здесь вообще что-то не понятное происходит.
1. В одном браузере открывается концовка с подчеркиванием - video-grafika, а в другом с нижним подчеркиванием video_grafika
2. utm_source=vk, как Вы и сказали где-то откроется, а где-то нет. Я поставил вместо вк youtube, сайт начал работать, но на других браузерах тогда не подходит вариант в подчеркиваем.....

Как изменить бейджик на сайте?

Смотрел видео про Тильду, там похожее есть. А как вот это сделать в wordpress... остается загадкой :(

Почему валидатор ругается на VK Pixel?

Эта проблема существует только на главной странице...

Почему валидатор ругается на VK Pixel?

Ок.
Тогда почему валидатор на соседней странице при тех же условиях (там стоит код в body), не ругается ?

Что за ошибка - n(...) is not a function?

Ярослав Иванов Роман нашел от куда она появляется
Это полифилл для closest.

Webpack - не работает режим разработчика?

Михаил, там тоже тишина с ответами была

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, вопрос с кэшом не решился
Спасибо за статью

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

Да, так и оказалось
Теперь работает

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, читал что в таких случаях можно ещё css подключать в подвале, а стили шапки и главного экрана подключить в тэге head через тэг style

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, я все css складываю в один файл
Обычно такой проблемы нету.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, нет, шрифт у меня прописан только без условий.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, по скрину я отметил только то что требовалось изменить на page speed

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, не приходилось такое использовать

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Антон Вебсайтовский, вот такое помогло

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Попробовал Ваш вариант, но всё равно что-то не клеиться :(

Как правильно поставить rel preload согласно google page speed?

Ankhena, благодарю. Разобрался