Возможно ли сохранить setInterval?

Andrew, спасибо за поправку, поправил основной вопрос

Как сверстать такой элемент?

Текст и полоски, как их лучше делать?

Возможно ли изменить стили для другого элемента при условии?

Хорошо, если даже с помощью js, подскажите идею?

Почему блок отображается раз через раз?

0xD34F, спасибо, сработало, но теперь при появлении окна после смерти змейки всё равно можно нажать на паузу

Почему блок отображается раз через раз?

0xD34F тоесть Вы хотите сказать что обработчик для паузы и для самого управления змейкой, необходимо вынести в отдельную функцию, а потом ее в свою очередь вызывать на их месте? Это разве не одно и тоже получится?

Как добавить класс?

Эмиль Рахматуллин, так у меня анимация не с помощью js исполняется, а в css, keyframes + animation. Мне нужно как-то обратится к этой анимации

Как перезаписать данные в json файле?

hzzzzl, понял, значит без бэкэнда тут не обойтись, спасибо за ответ!)

Как реализовать увеличение змейки?

Robur, Давайте начнем сначала, сделаем змейку из 5 элементов вместо одного. Для этого нужно создать 5 div'ов, один из которых будет snakeHead, остальные snakeTail(хвост), каждый из них достать через js и засунуть в массив snake. Перебрать массив и присвоить каждому последующему элементу left + 1, где left координата предыдущего элемента. Правильный ход мысли?

Как реализовать увеличение змейки?

Хорошо, суть примерно уловил, теперь давайте подробнее разберемся:
Сначала нужно голову змейки добавить в массив к примеру - snake.
У меня описано что при нажатии на стрелки, голова змейки меняет свои Top и Left, тоесть вместо головы змейки, там везде нужно проверять не голову змейки, а каждый элемент массива.

Теперь возникает вопрос, как привязать последующие элементы змейки к ее голове? Ведь тут имеет важное значение направление змейки

Как реализовать увеличение змейки?

Smeecy Smeecy, а как этот еще один блок привязать к голове змейки, а последующий блок к этому и тд.!? Ведь опять же он должен появляться в разных позициях, 4 стороны. Немного пока запутано получается...

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

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

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

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

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

Как решить проблему?

Тимур Турсунбаев, тоесть это получается что оно не работало из-за того что имя переменной было из 3 символов?

Как решить проблему?

Леонид Князев, Я поправил, это моя оплошность, но суть не меняется, кнопка не отрабатывает так как нужно...
А по поводу песочницы понял, согласен, добавил ссылку

Как решить проблему?

Я поправил, это моя оплошность, но суть не меняется, кнопка не отрабатывает так как нужно...
Добавил ссылку на CodePen

Как реализовать автоматическое включение?

Спасибо, попробую

Как решить проблему Warning: Illegal string offset 'code'?

Arik, Сам в это не очень верю, но заработало, работает даже без этой проверки:

$currency = isset($currencies[$key]) && is_array($currencies[$key]) ? $currencies[$key] : [];

можно просто записать как и раньше:
$currency = $currencies[$key];

Видимо внимательности не хватило, спасибо Вам большое, выручили!

Как решить проблему Warning: Illegal string offset 'code'?

Arik, код функций, на всякий случай:

public function setProperty($name, $value){
        self::$properties[$name] = $value;
    }

    public function getProperty($name){
        if(isset(self::$properties[$name])){
            return self::$properties;
        }
        return null;
    }

    public function getProperties(){
        return self::$properties;
    }

Как решить проблему Warning: Illegal string offset 'code'?

Сейчас, код немного запутанный, но попытаюсь объяснить:

App::$app->setProperty('currencies', Currency::getCurrencies());
        App::$app->setProperty('currency', Currency::getCurrency(App::$app->getProperty('currencies')));
        print_r(App::$app->getProperties());

Я сначала записал currencies и currency в общий реестр, тоесть добавил в общий массив, а потом получил весь общий массив.

Как решить проблему Warning: Illegal string offset 'code'?

Arik, если добавить reset, то ничего не меняется