如何解决LabJS无法保存按钮点击统计次数的问题

解决方案 #

你当前的代码仅将点击计数存储在临时变量clicks中，需要调用LabJS内置的数据存储接口将数值同步到实验数据集，才能在导出的LabJS文件中保留该字段。

修改后的JS代码

var clicks = 0;
// 初始化点击数字段，避免未点击时字段缺失
lab.data.set('button_clicks', 0);

trigger = function() {
  clicks += 1;
  document.getElementById("display").innerHTML = clicks;
  // 同步最新点击数到LabJS数据集
  lab.data.set('button_clicks', clicks);
}

注意事项

• 代码需放在LabJS脚本组件的onRun或onPageShow回调中，避免lab对象未加载完成就调用报错
• 可在预览实验时打开浏览器控制台，输入lab.data.get('button_clicks')验证存储是否生效
• 原HTML代码可以保留，仅建议删除多余的冗余</div>标签避免渲染异常，修正后的HTML参考：

<main>
  <button class="trigger" id="trigger" onclick="trigger()">READ IT!</button>
  <div id="display">0</div>
</main>

内容的提问来源于stack exchange，提问作者EllaM