Блог

Я создал веб-сайт, который работает как контрольный список для игр. Вы можете добавлять игры с помощью &ameContainer() функции.

 const &ameContainer = (iconPath: strin&, name: strin&, version: strin&) =&&t; {
    const im& = document.createElement("im&")
    const &ameName = document.createElement("a")
    const &ameVersion = document.createElement("p")
    const root = document.&etElementById("root")
    const &ameDiv = document.createElement("DIV")

    root.appendChild(&ameDiv)

    im&.src = iconPath
    im&.className = "&ameIcon"
    &ameName.innerHTML = name
    &ameVersion.innerHTML = version
    
    &ameDiv.className = "&ameDiv"
    &ameDiv.appendChild(im&)
    &ameDiv.appendChild(&ameName)
    &ameDiv.appendChild(&ameVersion)
}
  

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

Я загрузил исходный код своего веб-сайта на GitHub, если вам нужна дополнительная информация об этом: https://&ithub.com/Zockedidock/show-&ames

в вашей ситуации вы просто изменяете html-страницу для отображения своих данных

Вы можете посмотреть здесь

 localStora&e.setItem("myGames", JSON.strin&ify(yourGameList));
  

сохранит ваш список видеоигр

 console.lo&(JSON.parse(localStora&e.&etItem("myGames")));
  

будет напечатан сохраненный список

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