增加数值的按钮不会显示数值？

我想创建一个非常基本的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

增加数值的按钮不会显示数值？

回答

相关问题