Почему здесь addEventListener is not a function?

Question

[Ingernirated]

Всем привет, подскажите, в чём ошибка?

let = vkLink = document.querySelectorAll(".vk");
let = instLink = document.querySelectorAll(".inst");
let = fbLink = document.querySelectorAll(".fb");

let socArr = [vkLink, instLink, fbLink];

let socLinks = ["https://vk.com/hello", "https://www.instagram.com/hello", "https://www.facebook.com/hello"]

for(let i = 0; i < socArr.length; ++i) {
	for(let k = 0; k < socArr[i].length; ++k) {
		socArr[i].addEventListener("click", () => {
			window.open = socLinks[i];
		})
	}
}

socArr[i].addEventListener is not a function

Answer 1

[hzzzzl]

можно так короче и без вложенных циклов
а так да, наверняка где-то что то undefined

let socArr = [...vkLink, ...instLink, ...fbLink];

socArr.forEach(elem => {
  elem.addEventListener....
})

вернее можно сразу все элементы выбрать одним запросом

document.querySelectorAll(".inst , .vk , .fb").forEach(elem => {
  elem.addEventListener....
})

Comments

[Ingernirated]

Всем элементы находятся.

document.querySelectorAll(".inst , .vk , .fb").forEach(elem => {
  elem.addEventListener....
})

а как внутри каждому свою ссылку распределить?

let socLinks = ["https://vk.com/hello", "https://www.instagram.com/hello", "https://www.facebook.com/hello"]

[hzzzzl]

Ingernirated,
socArr[i][k].addEventListener ^)
там же двумерный массив в массиве

[Ingernirated]

hzzzzl, спасибо, а почему не хочет срабатывать window.open в данном случае?
добавил console.log(), он срабатывает, но по ссылке на другую страницу не переходит, как будто и не добавилась инструкция window.open

[hzzzzl]

Ingernirated, window.open() это функция, а не "событие", попробуй так

window.open("https://www.facebook.com/hello", "_blank");

Answer 2

[Александр Аксентьев]

очевидно потому что какой-то элемент не был найден на странице.

Comments

[Ingernirated]

В том-то и проблема, что все находятся.