455,776 Members | 1,233 Online Need help? Post your question and get tips & solutions from a community of 455,776 IT Pros & Developers. It's quick & easy.

# Determine value in text box

 P: n/a This is an easy one, but I'm a JS newbie. I want to write a function that determines input value. If 0 - 100 than will use input as % (i.e., 3 would become .03 and used for calculations); otherwise, as dollar value (i.e., 1,000 would become \$1,000 and used for calculations). In other words, I want input.value 3 to either be input.value 1 * input.value 2, or simply = input.value 1. Please be specific about placement of function (header or body, placement inside another function, etc), I am just a newbie. Thank you in advance. Jim Kobzeff Jul 23 '05 #1
3 Replies

 P: n/a JK wrote: This is an easy one, but I'm a JS newbie. I want to write a function that determines input value. If 0 - 100 than will use input as % (i.e., 3 would become .03 and used for calculations); otherwise, as dollar value (i.e., 1,000 would become \$1,000 and used for calculations). In other words, I want input.value 3 to either be input.value 1 * input.value 2, or simply = input.value 1. Please be specific about placement of function (header or body, placement inside another function, etc), I am just a newbie. Thank you in advance. Jim Kobzeff Are you applying the input 1 rules to input 2? Mick Jul 23 '05 #2

 P: n/a JK wrote: This is an easy one, but I'm a JS newbie. I want to write a function that determines input value. If 0 - 100 than will use input as % (i.e., 3 would become .03 and used for calculations); otherwise, as dollar value (i.e., 1,000 would become \$1,000 and used for calculations). In other words, I want input.value 3 to either be input.value 1 * input.value 2, or simply = input.value 1. Please be specific about placement of function (header or body, placement inside another function, etc), I am just a newbie. Looks can be deceiving. Presuming you have validated the input, you can use: var a = input.value if ( a < 0 ) { return 'input is negative'; } else if (! a > 100) { // use as a percentage } else { // use as a dollar value } I've assumed that you don't want negative values. But this rather trivial solution hides many issues. For a useful introduction to JavaScript (but by no means thorough), try: For more information on doing mathematics with JavaScript, try the link below which includes hints on validation also: In regard to where to put the script, usually scripts are put in the head, but they can appear almost anywhere in the document. Where you put them depends on various factors, but for a script like this, the head is probably best. As for what to code to put into separate functions and what to keep in a monolithic function, that normally depends on how much re-use you intend to make of the code and maintenance issues. Most coders will break code into logical blocks and create functions. Anything that must be done in more than one place, or that requires high maintenance, should be in a separate function. Below is a script that gives an example of what you may be trying to do - it does some input validation, some maths with integers and formats the output to look like decimal currency. It does not deal with decimal values (other than the \$ input) or comma 'thousands' separators. There are also hints in the HTML to let users know what is and isn't valid input, as well as what the total actually is. Hopefully it gives you some idea of how to go about whatever it is you are trying to do - if you need other or different features, ask again.
Enter a percentage (0 to 100)
Enter a dollar value (0.00 to 9999.99)
Total (\$ plus %)

click to calc value
-- Rob Jul 23 '05 #3 