Сохранение и загрузка контента в Javascript

Question

Вот мое сохранение, загрузка и то, что я пытаюсь загрузить. Я не совсем понимаю механизм сохранения / загрузки, но я заставил его работать на то, что мне нужно до сих пор. Я столкнулся с проблемой сохранения чего-то в курсе и не знаю, что мне нужно позвонить / позвонить, чтобы это работало.

    //Saves my game and the elements inside
function saveGame() { 
var save = {
stick: stick,
rock: rock,
wood: wood,
stamina: stamina,
research1Progress: research1Progress
}
localStorage.setItem("save",JSON.stringify(save));
}
//Somehow I save content, Look into this more

    //This is what I call to load my game
window.onload = function loadGame() {
var savegame = JSON.parse(localStorage.getItem("save"));
if (typeof savegame.stick !== "undefined") stick = savegame.stick;
if (typeof savegame.rock !== "undefined") rock = savegame.rock;
if (typeof savegame.wood !== "undefined") wood = savegame.wood;
if (typeof savegame.stamina !== "undefined") stamina = savegame.stamina;
if (typeof savegame.research1Progress !== "undefined") research1Progress = savegame.research1Progress;
document.getElementById("stick").innerHTML = stick;
document.getElementById("rock").innerHTML = rock;
document.getElementById("wood").innerHTML = wood;
document.getElementById("stamina").innerHTML = stamina;
document.getElementById("research1Progress").innerHTML = research1Progress;
}

    //Adding research1progress fixed first issue
    //Need to update load to keep crafting2 on screen even after browser is closed

function researchStick() {
    if (stick >= 1 && research1Progress < 100) {            // Want to be able to show progress
        stick = stick - 1;                                      // each time you click me I want to use 1 stick
        research1Progress = research1Progress + 5;              // each stick brings research progress up 5
        document.getElementById("stick").innerHTML = stick;     // Show the player the update
    }
    if (research1Progress == 100) {                         // When reaches 100
        showInlineContent('crafting2');                         // show crafting2
    }
// when research hits 100 unlocks blunt object for crafting
// this clickable button should hide after completion
// add achievement for first research project

}

Попытка выяснить, что мне нужно поместить в раздел загрузки / сохранения, чтобы сделать это после того, как игроки разблокируют showInlineContent('crafting2'); он продолжает отображаться на экране браузера после того, как игроки инициируют сохранение. сейчас он сохраняет мой контент, но после перезагрузки веб-страницы исследование все еще завершено, но мне нужно еще раз щелкнуть исследовательский проект, чтобы снова отобразить "crafting2"

Любые намеки на то, как я бы пошел о сохранении других данных?