Function in javascript only working once
Question
I am using this function for a button:
points1 = 0;
function onclick1 (points1) {
points1 += 5;
document.getElementById("point1").innerHTML = points1;
}
Right now function only works on the first button click but not on subsequent clicks. How do I fix it?
3 answers
solution1
4 2014-01-11 04:30:29
You are passing points1 in as a var in the function. Try and change it to -->
points1=0;
function onclick1(){
points1+=5;
document.getElementById("point1").innerHTML=points1;
}
solution2
3 2014-01-11 04:30:51
You've declared points1 as a function parameter, so it hides the global variable of the same name. Remove that parameter and it should work:
var points1=0;
function onclick1(){
points1+=5;
document.getElementById("point1").innerHTML=points1;
}
solution3
0 2014-01-11 04:47:17
Try this
<!DOCTYPE html>
<html>
<head>
<script>
point1 = 0;
function myFunction()
{
point1 += 5;
document.getElementById("demo").innerHTML=point1;
}
</script>
</head>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Javascript function is working on firefox only once
JavaScript return from function only working once
javascript checkbox function only working once
Function only working once
Using 'onclick' in html for a javascript function only working once
HTML5 and Javascript - a function appears to be working only once
javascript functions only working once
Javascript function works only once
Javascript: calling function only once
Only run JavaScript function once
Related Tags