Adding numbers on click

Question

Trying to increment numbers with a click, you can see by clicking my jsfiddle the issue that I am having, first two clicks register 0 and then the numbers increase 10 at a time afterwards

http://jsfiddle.net/jamcrowe/LvwDb/1/

var online = 0;
var creative = 0;
var technical = 0;
var analyst = 0;
var managerial = 0;

function  me() {
    $('#one').click(function(){
        creative +=5;
        online ++;
        managerial ++;
    });
    $('#two').click(function(){
        creative +=5;
        online ++;
        managerial ++;
    });
    $('#three').click(function(){
        creative +=5;
        online ++;
        managerial ++;
    });
    alert(creative, online, managerial);
}

You're assigning the click handlers multiple times. You don't need me function at all jsfiddle.net/LvwDb/2 — zerkms
– zerkms, Commented Feb 20, 2014 at 2:11
What do u suggest for a resolve? first time trying to develop with increments. Appreciate the feedback! — Sam Crowe
– Sam Crowe, Commented Feb 20, 2014 at 2:13
have you checked the link I provided? "first time trying to develop with increments" --- it has nothing to do with them actually, but about how you deal with event handlers. — zerkms
– zerkms, Commented Feb 20, 2014 at 2:15

Luke Cordingley · Accepted Answer · 2014-02-20 02:19:50Z

1

You are binding the events in jQuery AND in the DOM. I'm not entirely sure what you're looking for but I'm guessing it's something like this: http://jsfiddle.net/wnfBn/

var online = 0;
var creative = 0;
var technical = 0;
var analyst = 0;
var managerial = 0;

$('#one,#two,#three').click(me);
function me() {
    creative += 5;
    online++;
    managerial++;
    alert(creative + ':' + online + ':' + managerial);
};

answered Feb 20, 2014 at 2:19

Luke Cordingley

6854 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Sam Crowe Over a year ago

Awesome, this is exactly what I was looking for, If I was looking to pass these values into an array which way would I go about it

Luke Cordingley Over a year ago

I'm not sure I follow what you mean by "pass these values into an array"

Sam Crowe Over a year ago

Assume I had ten divs and each time a div is clicked the incremented number would go into an array, allowing to print the value of eg div three, by getting it through the array[2] , sorry if that doesnt make sense

zerkms Over a year ago

"You are binding the events in jQuery AND in the DOM" --- in javascript and html. All the event handlers are bound in DOM.

Luke Cordingley Over a year ago

If you look at the fiddle link @zerkms I removed the click events from the dom

|

Collectives™ on Stack Overflow

Adding numbers on click

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related