javascript 不工作，onclick 函数

Question

我有一个带有标题和 2 个 Div 的 HTML 页面，然后我有一个 javascript，如果用户选择一个 Div，我希望标题发生变化。

https://jsfiddle.net/L27xqgfs/1/

var happyMood = getElementById("happy");
var sadMood = getElementById("sad");


happyMood.onclick = function () {
    var mainHeading = getElementById("heading");
    mainHeading.innerHTML = "You have selected ";

};

sadMood.onclick = function () {
    var mainHeading = getElementById("heading");
    mainHeading.innerHTML = "You have selected " + sadMood;
};

请有人告诉我哪里出了问题？

提前致谢。

Answer 1

如果您在没有任何对象的情况下调用 getElementById，那么您将调用 window. getElementById，但您确实应该调用 document.getElementById。你应该将js文件导入到html中(在你本地测试中)。我创建了另一个jsfiddle哪个是对的。