I'm trying to store the value of i into a.

function sequence(i,a) {
  
  i=a;
  
  if (i==1) {
    i  ;
    return strings[i]
  }
  
  else  {
    i=0;
    i  ;
    a=i;
    return strings[i]
  }
  
  
};

strings is an array where I have stored five objects. When I call the function first time it enters else block, and then it enters else block second time as well. Is there a way to make the value of a=1 in the first attempt, and make it inter the if block.

I also tried declaring i=0 outside the function, and using just i . But everytime the function is called, i becomes 0.

It would be great if we don't require 2 variables at all and are able to store and increment the value of i.

CodePudding user response：

You can use a closure (basically a function that's returned from another one but that keeps track of the variables in its outer scope without making them global.)

// Simple array
const arr = [1, 2, 3, 4, 5];

// A button and a function that returns a new function
// (the closure) as the listener.
// Pass in the array of things to it
const button = document.querySelector('button');
button.addEventListener('click', handleClick(arr), false);

// The function accepts the array of things,
// and initialises the array count
function handleClick(arr, count = 0) {

  // And we return a function that acts as the
  // listener when the button is clicked. It increments
  // the value until it hits the end of the array, and
  // then starts again. The benefit of the closure is that
  // it keeps a note of `count` so you don't have to
  return function () {
    if (count < arr.length) {
      console.log(arr[count]);
        count;
    } else {
      count = 0;
    }
  }

}

<button>Next</button>

CodePudding user response：

Warning untested code.

<button onclick="incrementListFunction()">Increment</button>

incrementListFunction(e) { let i=0; i ; return listData[i]; }

See the following documentation about onclick