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

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; 
};