gleendo

// Что то типа этого
const links = document.querySelectorAll(`.link`);

filterSport.addEventListener(`click`, () => {
  for (let link of links) {
    if (!link.classList.contains(`isSport`)) {
      link.style.display = `none`;
    }
  }
}, false);

// ES6+
nameFunction(array, (item) => console.log(item)); // тоже самое

// ES5
nameFunction(array, function(item) {
  return concole.log(item);
});

let images = document.body.querySelectorAll(`img`);

document.addEventListener(`keydown`, event => {
  let index = +String.fromCharCode(event.which) - 1;

  if (index < 5) {
    images[index].style.display = `block`;
  }
}, false);

test = test.map(item => item % 3 === 0 ? item += 100 : item);

// test.forEach((item, i) => item % 3 === 0 ? test[i] = item += 100 : test[i] = item);

window.addEventListener(`resize`, event => {
	// some code
}, false);

// PS. Кажется вы делаете что то не то. Возможно стоило бы просто прослушивать изменение размера первого блока и изменять размер второго, а не слушать resize всего окна.
// И вообще кажется все это можно сделать на css.
// Объясните для чего вам изменять размер блока в зависимости от размера другого блока?

document.addEventListener(`keydown`, event => {
  if (event.ctrlKey && event.which == `D`.charCodeAt(0)) {
    event.preventDefault();
    
    console.log(`йо`); // some code
  }
}, false);

for (let i = 0; i < data.length; i += 1) {
  for (let j = 0; j < data[i][`beer_names`].length; j += 1) {
    console.log(data[i][`beer_names`][j]);
  }
}

for (let outer of data) {
  for (let inner of outer[`beer_names`]) {
    console.log(inner);
  }
}

for (let outer of data) {
  outer[`beer_names`].forEach(value => console.log(value));
}

data.forEach(value => value[`beer_names`].forEach(value => console.log(value)));