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