
	ASP Shopping Cart, Forum & BBS - all for $20 from CodeToad Plus!

Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM

Search Site:

Home » Javascript » Article

Simple Javascript calculator

Article by:

aman_cingh (5/2/2005)

	Add to Favourites
	Tell a friend

Summary:

calculator which performs simple calculations

Viewed: 36911 times

Rating (26 votes):

3.6 out of 5

Rate this Article

Read Comments

Post Comments

A Simple Javascript Calculator

This is a simple calculator made in javascript.

THE CALCULATOR

This text should go in the head section:

Select All Code

 
<script language="javascript">
var inputstring=" "
function updatestring(value)
{
    inputstring += value;
    document.calculator.input.value=inputstring;
}
</script>

This section should go in the main body of the html page:

Select All Code

 
<body bgcolor="red" topmargin="80">
<center>
<table border=5 bordercolor=pink  cellspacing=8>
<form name="calculator">
<th>
THE CALCULATOR
</th>
<tr align="center">
<td>
<input type="text" name="input" maxlength=10 size=24>
</td></tr>
<tr align="center"><td>
    <input type="button" value="  +  " onclick="updatestring('+')">
    <input type="button" value="  -  " onclick="updatestring('-')">
    <input type="button" value="  /  " onclick="updatestring('/')">
    <input type="button" value="  *  " onclick="updatestring('*')">
</td></tr><tr align=center><td>
        <input type="button" value="  mod  " onclick="updatestring('%')">
        <input type="button" value="  0  " onclick="updatestring('0')">
        <input type="button" value="  1  " onclick="updatestring('1')">
        <input type="button" value="  2  " onclick="updatestring('2')">
</td</tr><tr align=center><td>
            <input type="button" value="  3  " onclick="updatestring('3')">
            <input type="button" value="  4  " onclick="updatestring('4')">
            <input type="button" value="  5  " onclick="updatestring('5')">
            <input type="button" value="  6  " onclick="updatestring('6')">
</td></tr><tr align="center"><td>
                <input type="button" value="  7  " onclick="updatestring('7')">
                <input type="button" value="  8  " onclick="updatestring('8')">
                <input type="button" value="  9  " onclick="updatestring('9')">
</td></tr>
<tr align="center"><td>
                    <input type="button" value="  clear  " onclick="input.value=' ';inputstring=' ' ">
                        <input type="button" value="  =  " onclick="input.value=eval(inputstring);">
</td>
</tr>
</form>
</table>

Useful Links

Fat Cow Hosting

FatCow Review

Advertise here

CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums

Rate this article: Poor Excellent

View highlighted Comments

User Comments on 'Simple Javascript calculator'

Posted by : dhaval_c# at 05:02 on Sunday, July 16, 2006

hi
this is simply best thing .

Posted by : HAB at 02:04 on Thursday, January 24, 2008

please send me basic cods(vb)

To post comments you need to become a member. If you are already a member, please log in .

RELATED ARTICLES
Javascript - Enable and Disable form elements by Jeff Anderson This is a relatively little known and under-used feature of javascript which can be very useful in guiding a user through a form. Using the disabled tag, you can switch on and off elements in a form.

Check IsNumeric Function by Jeff Anderson A javascript validation function to check whether the details entered by a user are numeric.

Javascript Onload Event by Jeff Anderson Sometimes you need to perform an action immediatley after the page has loaded. That's when the onLoad Event Handler comes in handy

Form Validation Function by Jeff Anderson A javascript validation function that you can use to validate all types of forms.

JavaScript Field Is Empty Form Validation by Jeff Anderson This javascript function allows you to check whether a form field has been completed or not.

Javascript Get Selected Text by Jeff Anderson A cross-browser script to get text selected by the user

Check Email Validation Function by Jeff Anderson A javascript validation function to check whether the user has entered a valid email address in a form.

Multiple submit buttons on a single form by Kiran Pai This script shows you how to submit the contents of a form to different programs depending on which Submit button you press. Additionally it also shows how to call two different functions when you press the Submit button.

Validate Form and Disable Submit Button by Marylou Marks I have a form that validates info, but I also want to disable the submit button. The disable part worked before adding the form validating.

Javascript onUnload Event Handler by Jeff Anderson The onUnload Event Handler allows you to perform an action as the user leaves the page.

Recent Forum Threads

•	Significant Factors
•	Perl array access
•	Re: huffman encoding and decoding in C++...
•	Perl One Liner: Replace {(
•	Re: html including php, accessing the functions
•	Something like an INI editor or a DelimitedText-Editor
•	Error Deleting File or Folder
•	Re: How can use ASP.NET RegularExpressionValidator for alphanumeric 10 digit input
•	Re: drop-down menu selected value

Recent Articles

	ASP GetTempName
	Decode and Encode UTF-8
	ASP GetFile
	ASP FolderExists
	ASP FileExists
	ASP OpenTextFile
	ASP FilesystemObject
	ASP CreateFolder
	ASP CreateTextFile
	Javascript Get Selected Text

submit a link - privacy - contact - advertise - hot links - link to us - submit your article