How do I set a Number Input Into a javascript variable?

Question

I want to set the value input by the user to var numberr, Not the value that is already there eg(value="9").

I might be completely doing the wrong thing I just want to know how to store a value Inputted by the user :/

var numberr = document.getElementById("myNumber").value;


function myFunctionVar() {
  document.getElementById("myNumber").value = numberr;
}

<form action="/action_page.php">
  <input type="number" id="myNumber" value="9">
  <input type="submit">

</form>

Where is the user inputting a number? How are you calling myFunctionVar()? — j08691
– j08691, Commented May 21, 2019 at 21:05
When does your function get called? If it's called before the user has entered their value then it will see the old value. Maybe you want to set up an event listener to the 'change' event so that your function is called only when the input value changes. — eddiewould
– eddiewould, Commented May 21, 2019 at 21:06
Shortly found a good solution here stackoverflow.com/questions/17433557/… — Joshua
– Joshua, Commented May 21, 2019 at 21:14

Alexandre Rodrigues · Accepted Answer · 2019-05-21 21:54:12Z

1

You can try parseInt

document.getElementById("btnmyNumber").addEventListener("click", myFunctionVar);
function myFunctionVar() {
  var numberr = parseInt(document.getElementById("myNumber").value, 10);
  alert(numberr);

<form >
<input type="number" id="myNumber" value="9">
<input type="submit" id="btnmyNumber">

</form>

edited May 21, 2019 at 21:54

answered May 21, 2019 at 21:16

Alexandre Rodrigues

7305 silver badges12 bronze badges

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

Comments

Ihor Krutenko · Accepted Answer · 2019-05-21 21:17:41Z

0

Try it:

  let myNumber;
  let input = document.querySelector('#myNumber')
  input.addEventListener('input', function(e){
    myNumber = e.target.value
    console.log(myNumber)
  })

Vote up if it helped)

answered May 21, 2019 at 21:17

Ihor Krutenko

93 bronze badges

1 Comment

Ihor Krutenko Over a year ago

myNumber = Number(e.target.value)

Collectives™ on Stack Overflow

How do I set a Number Input Into a javascript variable?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related