onClick事件不觸發函數

Question

我有以下腳本，它嘗試更改div的顏色，單擊時使用包裝的id。我已嘗試過以下內容的變體，但無法看到問題。點擊事件不會觸發該功能。 我曾嘗試將background-color更改爲backgroundColor，但這沒有什麼區別。我知道我使用一個全局變量在這裏，請忽略部分：

var wrapper; 

function wrapperColorToCoral() { 
    wrapper.setAttribute('style', 'background-color:LightCoral;'); 
} 

function wrapperColorToGreen() { 
    wrapper.setAttribute('style', 'background-color:LightGreen;'); 
} 

function colorChange() { 
    //if (wrapper.getAttribute('style', 'background-color:LightCoral;') === true) { 
    if (wrapper.style != 'background-color:LightGreen;') { 
    wrapperColorToGreen(); 
    } 
    else { 
    wrapperColorToCoral(); 
    } 
} 
// INIT FUNCTION 
function init() { 
    wrapper = document.getElementById('wrapper'); 
    wrapper.onClick = colorChange(); 
} 

window.onload = init; 

謝謝您的幫助

編輯（工作 - 感謝昆汀）：

var wrapper 

function wrapperColorToCoral() { 
    wrapper.style.backgroundColor="LightCoral"; 
} 

function wrapperColorToGreen() { 
    wrapper.style.backgroundColor="LightGreen"; 
} 

function colorChange() { 
    if (wrapper.style.backgroundColor==="LightCoral") { 
    wrapperColorToGreen(); 
    } 
    else { 
    wrapperColorToCoral(); 
    } 
} 

function init() { 
wrapper = document.getElementById('wrapper'); 
wrapper.addEventListener("click", colorChange, false); 
} 
window.onload = init; 

Answer 1

1. 的JavaScript區分大小寫。該物業是onclick（但你可能應該使用addEventListener反正）。
2. 將()放在函數名的末尾會調用函數。你想把它分配給一個屬性。刪除括號。