javascript - 为什么这段代码不能正确显示输出？

Question

这个问题已经有答案了:

Why isn't my JavaScript working in JSFiddle? (7 个回答)

已关闭 8 年前。

我只是在闲逛，所以我构建了 this 。它应该从表单中获取值，将它们放入 !a != !b模型逻辑异或，然后输出到<p>标签，但我不确定为什么它不起作用。有人可以帮我吗？

window.onload = function(){
 function xOR() {
    var a = document.getElementById("aForm");
    var b = document.getElementById("bForm");
    var output = (!a != !b);
    document.getElementById("xorOutput").innerHTML = "Output Value: " + output;
 }
};

<h2>random testing</h2>
    <h3>Logical XOR Test</h3>
        <h4>First Input Value</h4>
            <form id="aForm">
                <input type="radio" name="aValue" value="true">True
                <br>
                <input type="radio" name="aValue" value="false">False
            </form>
        <h4>Second Input Value</h4>
            <form id="bForm">
                <input type="radio" name="bValue" value="true">True
                <br>
                <input type="radio" name="bValue" value="false">False
            </form>
        <br>
        <button onclick="xOR()">Perform XOR</button>
        <p id="xorOutput"></p>

Answer 1

问题很简单。 jsFiddle 会隐式地将插入的 JavaScript 包装在 window.onload 中。换句话说，您的代码如下所示:

window.onload = function(){
 //insert code here
};

如果您在其中创建一个函数，则该函数的作用域仅限于该匿名函数，并且当您尝试将其内联附加到事件处理程序时无法全局访问。

将 fiddle 更改为“无换行，在头部”作为选项将解决您的问题。

https://jsfiddle.net/o3xw7ghh/11/