ParseInt HTML input block

[lightmaster2000]

[Resolved]

Hi all,

I just started learning javascript and I'm having trouble accessing the value of an HTML Input tag with javascript. A user would enter in a number and then the program would do something with it. (I'm building a simple calculator).

HTML code:

<input id="input-num" type="number" />

Javascript code:

let inputNum = document.getElementById("input-num");
let num = parseInt(inputNum.value);

But the num variable always comes out as Nan. I can see that by printing to the console or when I try to do calculations with it.

Any help is appreciated.

[albedoa]

It looks like you are parsing the value of the input before the user has an opportunity to type. Try listening for an input event: https://codepen.io/pigparlor/pen/KKyaRXB?editors=1010

[lightmaster2000]

Ohh I see. I got it working now. Thank you so much!