javascript无法正常工作，onclick功能

Question

我有一个带有标题和2个Div的HTML页面，然后我有一个javascript，如果用户从Divs中选择一个，我希望更改标题。

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，这是正确的。

Answer 2

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


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

};

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