JavaScript counter

Question

Everytime a specific action is made in JavaScript for example this:

<script type="text/javascript">
$(function() {
    $('#typing').keyup(function () {
     switch($(this).val()) {
       case 'containment':
// HERE
break;
     }
    });
});
</script>

inside the //HERE would be where the 'counter' was made. Then add 1 everytime the case 'containment' is run if it's not already run. So if I run containment case once.. it adds. If I run it again.. it will not -- see what I am talking about?

Answer 1

How's this:

<script type="text/javascript">
var shouldRunContainment = true;

$(function() {
    $('#typing').keyup(function () {
     switch($(this).val()) {
       case 'containment':
       if(shouldRunContainment) {
         shouldRunContainment = false;
         // Run containment
       }
       break;
     }
    });
});
</script>

Answer 2

You have to define the counter before the counting starts. Then you can add to it later, like this:

<script type="text/javascript">
var count = 0;  //(or any number you need)
$(function() {
    $('#typing').keyup(function () {
     switch($(this).val()) {
       case 'containment':
          count++;
break;
     }
    });
});
</script>

Answer 3

Instead of using a counter you can add/remove a class from $('#typing').

For example:

var count = 0;
$('#typing').keyup(function () {
    switch($(this).val()) {
        case 'containment':
        // Will only run if the element does NOT have the containment class
        if(!$(this).hasClass('containment'){
            // Add containment class
            $(this).addClass('containment');
            // Counter
            count++;
        }
        break;
    }
});

Answer 4

Yep, I can go with the approach Coding Gorilla proposed - works for me :)