Get javascript code and modify it to execute chainable

Question

I want to change my code to execute chaining. this is my code:

let stepCount = {
    step: 0,
    up() {
        this.step++;
    },
    down() {
        this.step--;
    },
    showStep: function () {
       return this.step;
    }
};

How should I change it? I want to execute this code to get answer

stepCount.up().up().down().up();

Jatin Parmar · Accepted Answer · 2022-04-16 14:02:10Z

2

you just need to return the current object from each function like this

let stepCount = {
  step: 0,
  up() {
    this.step++;
    return this;
  },
  down() {
    this.step--;
    return this
  },
  showStep() {
    console.log(this.step)
    return this;
  }
};

stepCount.up().up().down().showStep().down().showStep();

edited Apr 16, 2022 at 14:02

answered Apr 16, 2022 at 13:26

Jatin Parmar

2,9596 gold badges22 silver badges34 bronze badges

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

2 Comments

zig zag Over a year ago

I got error (down is not a function!!!!) try this code: ``` stepCount.up().up().down().showStep().down().showStep(); ```

Jatin Parmar Over a year ago

updated the answer,please check it

Maverick Fabroa · Accepted Answer · 2022-04-16 13:25:13Z

0

This should do the job:

class Step {
    constructor(count) {
        this.step = count;
    }

    up() {
        this.step++;
        return this;
    }

    down() {
        this.step--;
        return this;
    }
}

console.log(new Step(5).up().up().step); // 7

answered Apr 16, 2022 at 13:25

Maverick Fabroa

1,1831 gold badge10 silver badges17 bronze badges

1 Comment

zig zag Over a year ago

I prefer to code without class here

Collectives™ on Stack Overflow

Get javascript code and modify it to execute chainable

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related