Получить результат функции в глобальную область

Имеется объект данных

const dataImages = [
  {
   name: 'Название №1',
   images: [
    'pages/14/1.jpg',
    'pages/14/2.jpg',
    'pages/14/3.jpg',
    'pages/14/4.jpg',
    'pages/14/5.jpg'
   ]
  },
  {
   name: 'Название №2',
   images: [
    'pages/14/6.jpg',
    'pages/14/7.jpg',
    'pages/14/8.jpg',
    'pages/14/9.jpg',
    'pages/14/10.jpg'
   ]
  }
 ];

При клике на название, например "Название №1", необходимо вывести соответствующие картинки. Для этого есть:

var card = document.getElementsByClassName('open');
for (var i = 0; i < card.length; i++) {
  card[i].addEventListener('click', function (event) {
    event.preventDefault();
    const target = event.target.textContent;;
    dataImages.forEach(({ name, images }) => {
      if (name === target) {
        return images;
      }
    });
    $('#canvas').fadeIn(1);
  });
};

Вопрос в следующем, как я могу получить images, который находится в forEach, в глобальной области видимости?


Ответы (0 шт):