如何改變一個onclick函數動態

Question

我有了這個按鈕，在這裏的說法：這給了我1塊餅乾，當我點擊它

<button onclick="cookieClick(1)">Click Me!</button> 

。

function cookieClick(number){ 
    cookies = cookies + number; 
    document.getElementById("cookies").innerHTML = cookies; 
} 

這是我用來使它工作的功能。

現在，這是我的問題：當我想增加cookie的數量時，我會得到每次點擊我無法弄清楚如何做到這一點。這是我認爲是最接近它應該是什麼：

function upgrade(){ 
    if(cookies >= 100){ 
    document.getElementById("cookieClicker(1)").innerHTML * 2 = cookieClicker(); 
    } 
} 

，但我想這是不完全正確，因爲這是行不通的。

Answer 1

試試這個：

<button id="cookie-clicker" type="button">Click Me!</button> 

var numCookies = 0, 
    cookiesPerClick = 1, 
    clicker = document.getElementById("cookie-clicker"), 
    cookies = document.getElementById("cookies"); 
clicker.addEventListener('click', cookieClick); 
function cookieClick(){ 
    numCookies += cookiesPerClick; 
    cookies.textContent = numCookies; 
} 
function upgrade(){ 
    cookiesPerClick *= 2; 
}