增加數值的按鈕不會顯示數值？

我想創建一個非常基本的JavaScript函數，只要點擊它就會將變量加1，並且該變量將顯示在同一頁上並顯示任何更新的值。我似乎無法獲得寫入HTML文檔的變量，我做錯了什麼？我假設按鈕工作正常，但我不認爲這是正確調用函數：增加數值的按鈕不會顯示數值？

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

}

這裏的小提琴：https://jsfiddle.net/6aj2zxb6/

來源

2016-11-14 Matt Vincent

您沒有在jsFiddle上使用正確的設置。你需要將你的代碼加載到頁面的頭部https://jsfiddle.net/j08691/6aj2zxb6/2/。 JsFiddle默認使用window.onLoad – j08691

更改JavaScript的負載類型設置爲無總結 - 在頭的jsfiddle

This is working fine

https://jsfiddle.net/6aj2zxb6/3/

來源

2016-11-14 18:02:04 Ram

我已經在10分鐘前的評論中注意到了。無需將其添加爲答案。投票結束這個問題，而不是由於輸入錯誤而造成離題 – j08691

您的問題是由小提琴設置解決了，但是如果你有興趣，試試這個：

您可以指定計數器的值到cookieClick財產

function cookieClick(number) { 
    if(cookieClick.counter)cookieClick.counter=0; 
    cookieClick.counter += number; 
    document.getElementById("incrementValue").innerHTML = cookieClick.counter; 
}

如果你有在全球（窗口）範圍var counter，用另一個類似的代碼覆蓋它更容易。這是更安全的解決方案。您可以將它用作未來的緩存;-)

來源

2016-11-14 18:09:10

增加數值的按鈕不會顯示數值？

回答

相關問題