计数器不在javascript上工作

时间:2014-04-04 02:01:43

标签: javascript html

即时通讯在Javascript上遇到累加器问题,我是新手,所以有人可以帮我这个吗?我只想要一个正确答案的累加器这是我的脚本,因为它只是一直给我0。

<script type="application/javascript">
 var count=0;
function counter(){
    count=count+1;
}
function results(){
alert ("The number of correct answers is "+count)   
}
</script>

这是我按钮的结构

<input type="radio" name="p1" value="answ" onsubmit="counter()">

正确答案

<input type="radio" name="p1" value="answ1">

其他选项

2 个答案:

答案 0 :(得分:1)

onsubmit事件仅适用于表单元素。你在考虑onclick。但是,拥有事件监听器会更好。

HTML:

<button id="increment">Click Me</button>
The counter is at <span id="counter">0</span>

JS:

var btn = document.querySelector('#increment');
var ctr = document.querySelector('#counter');
var counter = 0;
var increment = function() {
    counter++;
    ctr.textContent = counter;
};

btn.addEventListener('click', increment);

Here's a JSFiddle to play with

答案 1 :(得分:0)

onsubmit不会触发counter()函数。我不认为onsubmit可以在单选按钮上使用,即使点击它也不会触发onsubmit,它会触发onclick。

因为从不执行counter(),所以计数永远不会增加。

另外请确保您的事件顺序正确,以便counter()始终在results()之前触发,因为我无法看到代码中调用results()的位置。