Change specific value in array and array is empty

Question

I create new array and add to her specific values. I add in first index and first index has value, but if I add in second or more index, last indexes are empty and I don't know why. Here my code.

const inputs = [...document.querySelectorAll('.input')];

let timeout = null;

inputs.forEach((input, index) => {
  input.addEventListener('keyup', () => {
    clearTimeout(timeout);

    let inputValue = Number(input.value);

    timeout = setTimeout(() => {
      if (index !== 1) {
        let arr = [];

        if (index === 0) {
          arr[0] = inputValue;
        } else if (index === 2) {
          arr[1] = inputValue;
        } else if (index === 3) {
          arr[2] = inputValue;
        } else if (index === 4) {
          arr[3] = inputValue;
        }

        console.log(arr);
      }
    }, 1000);
  });
});

it is working, thanks dude I forgot about global variable 🙄 — Damian Sierocki
– Damian Sierocki, Commented Dec 14, 2020 at 22:03

Renato Sant'Anna · Accepted Answer · 2020-12-14 22:03:41Z

2

Use of the "push" array function. Example:

const inputs = [...document.querySelectorAll('.input')];

let timeout = null;
let arr = [];

inputs.forEach((input, index) => {
  input.addEventListener('keyup', () => {
    clearTimeout(timeout);
    
    let inputValue = Number(input.value);
    timeout = setTimeout(() => {
        arr.push(inputValue);
        console.log(arr);      
    }, 1000);
  });
});

answered Dec 14, 2020 at 22:03

Renato Sant'Anna

4582 silver badges7 bronze badges

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

Collectives™ on Stack Overflow

Change specific value in array and array is empty

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related