Как исправить данный баг?

Question

[Антон]

Всем привет, решил написать самую примитивную змейку на Js, но уже в самом начале возник баг...
По началу игра работает нормально, но при столкновении змейки со стеной и соглашением на "Сыграть снова", змейка стартует не с стартовых координат, хотя я их перезаписываю перед началом каждой игры, в чем собственно может быть проблема!?
Строго не судите, я еще не профи в Js)
Вот и сам код: https://codepen.io/ANTON_ZIN_/pen/OqgJZy

Comments

[Артур Карапетян]

Игрушка не отпускает при отказе повторить, прям какое-то насилие

[Антон]

Артур, Так это потому что кнопка отказа повторить еще не описана, тоесть код пока не знает что делать при нажатии на нее, я пока хочу разобраться с правильной работой рестарта игры...

[Артур Карапетян]

Антон, я написал до того, как код глянул, сори

Answer 1

[dollar]

Если присмотреться, то змейка начинает в старых координатах по оси Х, но если нажать "вправо", то внезапно обнуляет координату Х и телепортируется к левому краю экрана. То есть как бы внезапно вспоминает, откуда нужно было начинать.

По теме вопроса: вы сбрасываете переменные, но не сбрасываете свойства блока. Вы же через стили его перемещаете. Тот факт, что змейка начинает сверху - это случайность, удача, потому что первым делом меняется свойство стиля, отвечающее за вертикальное положение, так что оно сразу перезаписывается, а горизонтальное остается прежним. По-хорошему нужно менять оба свойства стиля в момент (пере)запуска игры. А вы этого не делаете.

Comments

[Антон]

Ответ понял, теперь работает. Необходимо было к обновлению переменных еще добавить обновление стилей, как вы и подметили. Спасибо за помощь!)
Код выглядит так

topPos = 20;
moveBlock.style.top = '20px';
leftPos = 20;
moveBlock.style.left = '20px';