JS+Jquery recursion with click

Question

I am stuck with a problem. I am trying to write some code with recursion. Each time button is clicked order get + 1 and console should print 1, 2, 3, 4 ... n, but instead it gets 1 2 2 3 3 3 3 My code:

function f(order) {
            console.log(order);
            order++;
            $("#btn").on("click", function() {
                    f(order);
                }
            )}

f(1)

Thanks

Nicolás Campos · Accepted Answer · 2020-06-10 20:01:13Z

1

Try something like this:

var order = 0;

function f() {
    order++;
}
$("#btn").on("click", f);

You don't need to pass the order as a parameter to your function if you have it in the scope your function is. This way you can have much more legible code.

edited Jun 10, 2020 at 20:01

answered Jun 10, 2020 at 19:56

Nicolás Campos

763 bronze badges

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

1 Comment

Jon Nezbit Over a year ago

There is error in your code. It should look like this: var order = 0; function f() { order++; } $("#btn").on("click", f);

Jon Nezbit · Accepted Answer · 2020-06-10 19:58:45Z

0

I think this is clear enough. Let me know if you need explanation.

order = 0;
function f() {
        console.log(order);
        order++;
}
$("#btn").on("click", f);

edited Jun 10, 2020 at 19:58

answered Jun 10, 2020 at 19:54

Jon Nezbit

3233 silver badges14 bronze badges

Collectives™ on Stack Overflow

JS+Jquery recursion with click

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related