为何JavaScript脚本的onchange()函数无法响应触发颜色变更？

问题原因 #

• 核心错误为invert函数内的条件判断误用了赋值运算符=，而非比较运算符===：=的作用是给变量赋值，不是判断两个值是否相等，这会导致每次执行函数时，value都会先被赋值为Black，再被赋值为White，最终始终执行White对应的逻辑，看起来就像onchange事件没有响应。
• 两个独立的if判断没有互斥关系，就算第一个条件成立，第二个判断仍会执行，覆盖前一步的操作结果。

修正方案 #

仅需要替换你的invert函数代码即可，其余部分不需要改动：

function invert(value) {
    // 使用===做全等判断，改用if else保证分支互斥
    if (value === "Black") {
        document.getElementById("Gin_Label").style.filter = "invert(100%)";
        document.getElementById("labeltext").style.color = "white";
    } else if (value === "White") {
        document.getElementById("Gin_Label").style.filter = "invert(0%)";
        document.getElementById("labeltext").style.color = "black";
    }
}

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