passing javascript variable to html for display

Question

I am using the following

var loan = parseFloat(document.getElementById("loanamount"));

document.getElementById('numpay').textContent = loan.toString();

and my html is this:

<p>Number of Payments:    <a id="numpay"> </a> </p>

I feel like this should be working but cannot seem to get anything other than NaN in my html, no matter how I configure it. I know I am a novice at javascript but could you please give me a tip?

Thanks!

just curious but I would imagine the value you're pulling back is a string as you are parsing it with parseFloat. Then in the next line you're calling .toString(). Seems a little counter productive. — War10ck
– War10ck, Commented Feb 1, 2013 at 17:55

xylon97 · Accepted Answer · 2013-02-01 17:52:35Z

3

You need parseFloat(document.getElementById("loanamount").value) most probably

TIP: Instead of parseFloat, just use + to convert from strings to numbers. So +document.getElementById("loanamount").value should also serve your purpose.

answered Feb 1, 2013 at 17:52

xylon97

2741 silver badge5 bronze badges

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

1 Comment

ljrh Over a year ago

This was a very complete answer and thus I accept it, Thanks!

Sajjan Sarkar · Accepted Answer · 2013-02-01 17:52:57Z

1

var loan = parseFloat(document.getElementById("loanamount").value);

document.getElementById('numpay').textContent = loan.toString();

answered Feb 1, 2013 at 17:52

Sajjan Sarkar

4,2576 gold badges42 silver badges54 bronze badges

1 Comment

ljrh Over a year ago

This fixed my problem, I will look into javascripts .value more, thank you.

Joshua G · Accepted Answer · 2013-02-01 17:54:33Z

0

If you aren't doing anything with loan then just do this:

document.getElementById('numpay').textContent = document.getElementById("loanamount").value

answered Feb 1, 2013 at 17:54

Joshua G

2,1363 gold badges21 silver badges25 bronze badges

Comments

kms · Accepted Answer · 2013-02-01 17:59:43Z

0

If the element with id loanamount is an input you will need .getElementById("loanamount").value, if it is a span or div then .getElementById("loanamount").innerHTML. For writing back the same apply.

But in either case you must not use .toString() on the write in. parseFloat() will give you a number, which does not have methods. JavaScript is not that similar to Java.

answered Feb 1, 2013 at 17:59

kms

3892 silver badges6 bronze badges

Comments

catherine · Accepted Answer · 2013-02-01 18:01:29Z

0

  var loan = parseFloat(document.getElementById("loanamount").value);

  document.getElementById('numpay').innerHTML = loan.toFixed(2);

answered Feb 1, 2013 at 18:01

catherine

22.8k15 gold badges64 silver badges88 bronze badges

Collectives™ on Stack Overflow

passing javascript variable to html for display

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related