基本的Javascript问题（增加价值）

Question

Here's my fiddle :

http://jsfiddle.net/JWww3/

I'm not sure to understand why this code is not working.

What I want to add +1 to the "ajout" variable when I click on the "+1" button. And if ajout = 5 (after 5 clicks)...then alert("Hello");

Why am I doing wrong?

Here's my code :

HTML :

<input type="button" onclick="clickit();" id="click1" value="+1"/>​

JS :

var ajout = 0;
function clickit()
{
 ajout +=1;    
}

if (ajout==5)
{
alert("TEST");   
}

​

Thank you!

Answer 1

I think this is what you want:

var ajout = 0;
function clickit()
{
    ajout += 1;

    if (ajout==5)
    {
        alert("TEST");   
    }   
}

Answer 2

I suppose it should be

ajout += 1;

And what you have is

=+

Answer 3

Select "no wrap (body)" option from jsfiddle. Otherwise clickit function is defined only after DOM has loaded, which means it could never get executed.

Also make sure to put that alert inside clickit function to make sure it gets executed when you call that function.

Answer 4

Try this :

var ajout = 0;
jQuery('#click1').click(function(){
    ajout += 1;    
    console.log(ajout);
    if (ajout==5)
    {
    alert("TEST");   
    }
});

Here is the Demo

Answer 5

Try This:

<input type="button" onclick="clickit();" id="click1" value="+1"/>
<script>
var ajout = 0;
function clickit()
{
 ajout += 1;    
    if (ajout==5)
    {
        alert("TEST");   
    }
}

</script>

​

Answer 6

In addition to what the other 2 have said, your evaluation code should be within the function, otherwise it is NOT going to be called every time the button is clicked, which I think is what you are after.

var ajout = 0;
function clickit()
{
 ajout++;  
 if (ajout==5)
   alert("TEST");   
}