Text input for Javascript

Question

Hello,

I am trying to create a custom quote sheet. Is there any way possible with the code below to have the ability to identify the text input area in the script. I am asking this so that someone would have the ability to enter in the quantity of units manually and get a total number back.

So for example 20 units manually entered in the text area.

Then once the button is clicked, it would show the total. 20*5000.

Please see the code below.

Thanks for the help.

<!DOCTYPE html>
<html>
<body>


<textarea rows="1" cols="3">
20
</textarea>

<button onclick="myFunction()">Click Here For Total</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x=20;
var y=5000;
x*=y;
var demoP=document.getElementById("demo")
demoP.innerHTML="Total=$" + x;
}
</script>

</body>
</html>

Answer 1 · 2013-10-19T20:18:45Z

October 19, 2013 8:18pm

Change var x to var x= document.getElementById('number').value;

'number' is the name of the id i gave the input box.

And a working prototype. I'd probably change your textarea into just an input.

http://codepen.io/kevink/pen/nEhGD

Answer 2 · 2013-11-20T02:58:13Z

November 20, 2013 2:58am

Kevin Korte thank you very much. Would you happen to know how or where I could find the ability to add commas to my final results?

Answer 3 · 2013-11-20T05:17:24Z

November 20, 2013 5:17am

Not in particular tonight, but I found this: http://css-tricks.com/snippets/javascript/comma-values-in-numbers/

This might be a promising solution. I'll work on it tomorrow if I have time. In the meantime, you can work on it; but it's about time for bed for me!

Welcome to the Treehouse Community

Looking to learn something new?

Logan Eppley

Logan Eppley

Text input for Javascript

3 Answers

Kevin Korte

Kevin Korte

Logan Eppley

Logan Eppley

Kevin Korte

Kevin Korte