Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Button to multiply 1

Status
Not open for further replies.
Guest_imported

Guest_imported

New member
Jan 1, 1970
0
I want to add a button, when someone clicks the button it should make a script prompt. The user will enter a number, say 3. Then when he/she click OK, I want it to muptiply <number> x 3600 then show the result in the text field.

How would I do that? I know absolutely nothing about JavaScript.

Thanks.
 
Sort by date Sort by votes
you will need to name your <form> tag and the <input> tag for the textfield.
Also, you will need to add onClick=&quot;caculate()&quot; to the button.
Here's a sample:

<form name=&quot;myform&quot; id=&quot;myform&quot;>
<input name=&quot;cNum&quot; id=&quot;cNum&quot; type=&quot;text&quot;>
<input type=&quot;button&quot; value=&quot;Calculate&quot; onClick=&quot;calculate()&quot;>
</form>

If you are wondering why I used both the name and the id tag. Name is used on older browsers. id is meant to replace name on newer browsers. Make both the id and name tag the same.

Now, insert the following between the two <head></head> tags:


<script language=&quot;javascript&quot;>
<!-- //hide from older browsers
function calculate() {
var textField = myform.cNum; //change to the name of your form and the name of your text field (separated by a period &quot;.&quot;)
var default_number = &quot;&quot;; //If you would like a default number to always show up in the question box, then put it inside the quotes
var new_number = prompt('Your Question', defaul_number);
new_number*=3600;
textField.value = new_number;
}
-->
</script>
 
Upvote 0 Downvote
If you wanna keep it simple just stick this on your page


<input type=&quot;text&quot; name=&quot;the_number&quot; id=&quot;the_number&quot;>
<input type=&quot;submit&quot; name=&quot;Multiply&quot; value=&quot;Multiply&quot; onClick=&quot;document.getElementById('the_number').value = parseInt(document.getElementById('the_number').value) * 3600&quot; >
 
Upvote 0 Downvote
There's a mistake in my code....

Here it is corrected:

<script language=&quot;javascript&quot;>
<!-- //hide from older browsers
function calculate() {
var textField = myform.cNum; //change to the name of your form and the name of your text field (separated by a period &quot;.&quot;)
var default_number = &quot;&quot;; //If you would like a default number to always show up in the question box, then put it inside the quotes
var new_number = prompt('Enter A Number', default_number); //replace the part in bold with your own message
new_number*=3600;
textField.value = new_number;
}
-->
</script>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

TheLazyPig
  • Locked
  • Question
Buttons not aligned after another button is clicked
Replies
2
Views
395
gmmastros
gmmastros
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
673
Rayj0000
Rayj0000
Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
1K
Kennelbloke
Kennelbloke
lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
784
lexer
lexer
berkshirea
  • Locked
  • Question
Radio Button Clicked, Another Radio Becomes Mandatory 1
Replies
2
Views
705
berkshirea
berkshirea

Part and Inventory Search

Sponsor

Back
Top