JavaScript能否将变量值存至外部源？如何解决在线监考代码中按钮点击失效问题？

直接排查以下几个核心问题，逐一验证即可解决：

• 匹配规则精度不足
  你当前的判断条件用buttons[i].innerHTML == " Submit Question "做全等匹配，实际在线作业系统的按钮DOM往往会包含嵌套图标、换行、缩进字符，比如按钮内部可能套了span标签包文字、加了提交图标，实际的innerHTML值和你预期的固定字符串几乎不可能完全匹配，基本都会因为匹配不上找不到目标按钮。同时你当前写的buttons[i].type == 'button'判断，会把系统里大量默认type为submit的原生提交按钮直接过滤掉，进一步降低匹配成功率。
  替换为textContent匹配并自动去除首尾空白即可解决，放宽类型判断条件，修正后的clickButton函数核心逻辑：

  function clickButton() {
    var buttons = document.getElementsByClassName("primary");
    for(var i = 0; i < buttons.length; i++) {
      // 放宽按钮类型判断，兼容button、submit类型的原生按钮
      var isValidButtonType = buttons[i].type === 'button' || 
                              buttons[i].tagName === 'BUTTON' || 
                              buttons[i].type === 'submit';
      // 用textContent匹配纯文本内容，自动去除首尾空白
      var isTargetText = buttons[i].textContent.trim() === 'Submit Question';
      if(isValidButtonType && isTargetText) {
        buttons[i].click();
        break;
      }
    }
  }
  

• 缺少函数触发逻辑
  你当前代码中仅定义了clickButton函数，没有在任何作弊检测的分支逻辑中调用这个函数，自然不会触发按钮点击动作。需要在检测到学生切出页面、完成事件记录的流程中，直接执行clickButton()调用。
• DOM查找范围错误
  如果你的在线作业系统是通过iframe嵌套加载题目内容的，当前的document.getElementsByClassName("primary")只会检索顶层页面的元素，无法命中iframe内部的提交按钮。这种场景下需要先获取对应iframe的document对象，再从iframe的文档上下文中查找目标按钮。

• 前端原生JS完全可以将变量形式的作弊事件记录传输到外部持久化存储，无需依赖你提到的侵入式监考工具。
• 落地实现路径：
  • 每次检测到切屏、页面隐藏等作弊事件时，先将事件类型、触发时间、学生标识、当前题目编号等信息整理为结构化的JSON数据，暂存在前端的本地事件数组中。
  • 当页面恢复可见时，优先使用navigator.sendBeacon接口将暂存的事件数据异步发送到你自有的后端接口，由后端完成数据入库。
  • 选用navigator.sendBeacon的核心原因是：该接口会在页面后台、甚至即将卸载关闭的场景下，依然可靠完成数据传输，不会因为学生切走页面、直接关闭窗口导致事件记录丢失，稳定性远高于普通fetch请求。
• 核心限制：纯前端JS无法直接操作用户本地文件系统，必须通过自有后端中转才能实现持久化的外部存储，不能绕过后端直接使用公开的无后端存储服务，避免出现学生成绩数据泄露的风险。

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