Uncaught TypeError: Cannot read property 'add' of undefined at create (javascript.js:42) как исправить?

Question

[Павел]

Привет народ, я начинающий в js, у меня возникла проблема(код ниже), браузер выдает ошибку (Uncaught TypeError: Cannot read property 'add' of undefined
at create (javascript.js:42)). Не могу понять что не так.

var x = 24;
    y = 10;

var mainArray = [
   [1,0],
   [1,0],
   [1,0]
];

function create() {
 
var snakeBody = [
   document.querySelector(`[posX = "${x}"][posY = "${y}"]`),
   document.querySelector(`[posX = "${x+mainArray[0][0]}"][posY = "${y+mainArray[0][1]}"]`),
   document.querySelector(`[posX = "${x+mainArray[1][0]}"][posY = "${y+mainArray[1][1]}"]`),
   document.querySelector(`[posX = "${x+mainArray[2][0]}"][posY = "${y+mainArray[2][1]}"]`)
  ];

  for(var i = 0; i < snakeBody.length; i++) {
     snakeBody[i].classList.add('figure');
  }
}
create();

Answer 1

[Владимир Проскурин]

Ошибка потому, что кого-то из вот этих товарищей

document.querySelector(`[posX = "${x}"][posY = "${y}"]`),
document.querySelector(`[posX = "${x+mainArray[0][0]}"][posY = "${y+mainArray[0][1]}"]`),
document.querySelector(`[posX = "${x+mainArray[1][0]}"][posY = "${y+mainArray[1][1]}"]`),
document.querySelector(`[posX = "${x+mainArray[2][0]}"][posY = "${y+mainArray[2][1]}"]`)

нет на странице. Поправьте селекторы, уж очень они странные.

Comments

[Павел]

И правда, спасибо большое)