How to save value form html input field in array. And after use this array

Question

I need to store value from input in array and after that, use it. Help please =)

<body>
  <p></p>
  <form>
    <label for="cr"> <input type="number" id ='cr'> </label>
    <button>Submit</button>
  </form>
</body>

const inputCr = document.querySelector('#cr');

const btn = document.querySelector('button');

  let allCr = [];

const calculate = function(){
  const valueC = Number(inputCr.value);
  allCr.push(valueC);
}
btn.addEventListener('click', calculate());

You are on the right path, but why do you want to put it in an array? — ArrowHead
– ArrowHead, Commented Oct 1, 2022 at 11:29
Why do you say you can't use your array ? I'm not sure to understand what is giving you trouble. — Peterrabbit
– Peterrabbit, Commented Oct 1, 2022 at 11:47
@ArrowHead Beacuse, there will be at list 5 values, that i needed to add one to another and after calculate sum of the value ) — Savva8030
– Savva8030, Commented Oct 1, 2022 at 11:48
change the event lister part to btn.addEventListener('click', calculate); — ArrowHead
– ArrowHead, Commented Oct 1, 2022 at 11:52

ArrowHead · Accepted Answer · 2022-10-01 11:52:06Z

1

The problem I can see with your code is the way you pass calculate function to the event listener.

Change

btn.addEventListener('click', calculate());

to:

btn.addEventListener('click', calculate);

Still not sure why you need the array, but this will get you started :)

answered Oct 1, 2022 at 11:52

ArrowHead

6096 silver badges17 bronze badges

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

1 Comment

Savva8030 Over a year ago

It works, but after I put some value, it appears in a second and then gone.

Collectives™ on Stack Overflow

How to save value form html input field in array. And after use this array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related