青柠点击器游戏加载localStorage存档后界面数值显示异常问题
问题根因
- 你的
load函数仅完成了从本地存储读取数据并赋值给JS变量ones的逻辑,没有主动将变量中的最新值同步到页面DOM元素上,因此页面始终展示初始默认值。
修复方案
- 先抽离通用的页面刷新函数,后续购买点击器、加载存档等所有修改点击器数据的场景都可以复用:
// 注意:请根据你实际`ones`对象的字段定义,调整count和cost属性名 function updateClickerDisplay() { document.getElementById('Clickers').textContent = ones.count; document.getElementById('ClickerCost').textContent = ones.cost; }
- 修改
load函数,加载完成后主动触发页面刷新,同时添加空值兜底避免首次加载报错:
function load() { const savedData = localStorage.getItem('ones'); if (savedData) { ones = JSON.parse(savedData); updateClickerDisplay(); } }
- 额外优化:建议你原有的
buyClicker函数完成购买逻辑后,也调用updateClickerDisplay更新页面,保证数据和视图始终同步。
内容的提问来源于stack exchange,提问作者Logan
相关产品推荐
相关产品推荐

