Stockholm Syndrome

let node = elem.parentNode;
while (!node.matches('#app')) {
  node.style.zIndex = 'auto'; 
  node = node.parentNode;
}

const call = (func, delay) => new Promise((r) => setTimeout(() => r(func()), delay));

function a() {
  console.log(123);
}

async function wrap() {
  await call(a, 2000);
  b()
}

const right = document.querySelector('.right');
const links = document.querySelectorAll("li");
const handleClick = (e) => right.textContent = data.content[data.links.indexOf(e.target.textContent)].news;


links.forEach((elem, i) => {
  elem.textContent = data.links[i];
  elem.addEventListener('click', handleClick);
});

var girls = document.querySelector('.good.very.perfect');

let khight = [
  'img/1.png', 
  'img/2.png', 
  'img/3.png', 
  'img/4.png', 
  'img/5.png',
  'img/6.png', 
  'img/7.png', 
  'img/8.png', 
  'img/9.png', 
  'img/10.png',
  'img/11.png', 
  'img/12.png', 
  'img/13.png', 
  'img/14.png', 
  'img/15.png'   
]

khight[0] = {x : 0, y : 0};

$('.answer_field_button').click(function() {
  $(this).siblings('.input_fields_answers').append('html');
});

obj.items = items; 
obj.result = result;

const groupedData = data.reduce((acc, {sport, sub}) => {
  const elem = acc.find((item) => item.sport === sport); 
  if (elem) {
    elem.subs.push(sub);
  } else {
    acc.push({
      sport, 
      subs: sub ? [sub] : []
    });
  }

  return acc;
}, []);

const $ul = $('<ul>', {
  id: 'list'
}).appendTo('body'); 

const elems = groupedData.map(({sport, subs}) => {
  return `
    <li>${sport}<ul>
        ${subs.map((sub) => `<li>${sub}</li>`).join('')}
      </ul>
    </li>
  `;
}).join('');

$ul.append(elems);