Html5 локальное хранилище между двумя страницами

Question

Пытаюсь сделать игру используя Html5. Мне нужно, чтобы у меня есть меню HTML-страницы с 3 кнопками одна, две, три. когда я нажимаю на эту кнопку, я сохраняю это значение, как один, два или три, в переменной, и она переходит на следующую страницу game.html. и я тоже могу его найти.

localStorage.setItem("value",$(this).val()); //storing 1,2 or 3 in value
 var value_menu = localStorage.getItem("value"); //getting value in value_menu

здесь у меня есть кнопка «назад» на странице game.html, если я нажму на нее, она перейдет на страницу меню и удалит значения ключей из localalstorage.

localStorage.removeItem("value"); (or) localStorage.clear();

если я снова нажимаю на кнопки на странице меню, значение отображается как ноль. почему его показывает как ноль? потому что, если я нажму на кнопку, localalstorage должен снова сохранить значение. не так ли?

в противном случае я делаю какие-либо ошибки? нужны пояснения.

заранее благодарю.

Answer 1

Поскольку нулевое значение является значением по умолчанию, когда что-то не существует, и вы удаляете значение, когда вы возвращаетесь, так что это «логика» .... значение является нулевым, потому что оно не существует, потому что вы удалили его. Хорошо? ; -)

Вы можете интерпретировать ноль как «не выбран» (в вашем случае он не выбран, и это правда, потому что вы удалили его, когда пользователь вернется). Следующее, что вам нужно сделать, это проверить, является ли значение нулевым (value === null), и ничего не делать, когда оно пустое (не отображать его). Или намного лучше: if (typeof value == "number" && value> 0) и т. Д.

Кажется, лучше не отменять выбор пользователя до тех пор, пока пользователь не покинет первую страницу / страницу входа.

Чистый интерес: какую игру вы хотите создать?