Interested to Buy Any Domain ? << Click Here >> for more details...
Write a Program of Simple Calculator in JavaScript using HTML.
- 1 Answers
- 10101 Views
- I also Faced
- E-Mail Answers
Answer / dhanya
<html>
<head>
<title>Simple Javascript Calculator - Basic Arithmetic
Operations</title>
<!-- Aim: Write HTML Code Using JavaScript Functions To
Perform Basic Arithmetic Operations. -->
<!-- 1. Take Two numbers from user say 'Number 1' and
'Number 2'. -->
<!-- 2. Perform Addition, Subtraction, Multiplication,
Division and Modulus. -->
<!-- 3. Result must be displayed on same HTML Page when
respective button is clicked. -->
<!-- 4. Use <input> tag (HTML Forms Concept) with onclick.-->
<!-- 5. Call individual Javascript Function, put them inside
<head> tag only.-->
<!-- 6. Javascript Tutorial/Code For Computer Science
Students. -->
<!-- 7. Tested and Written By (c) Gaurav Akrani. -->
<script language="javascript" type="text/javascript">
function multiply(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a*b;
document.calculator.total.value=c;
}
</script>
<script language="javascript" type="text/javascript">
function addition(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a+b;
document.calculator.total.value=c;
}
</script>
<script language="javascript" type="text/javascript">
function subtraction(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a-b;
document.calculator.total.value=c;
}
</script>
<script language="javascript" type="text/javascript">
function division(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a/b;
document.calculator.total.value=c;
}
</script>
<script language="javascript" type="text/javascript">
function modulus(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a%b;
document.calculator.total.value=c;
}
</script>
</head>
<body>
<!-- Opening a HTML Form. -->
<form name="calculator">
<!-- Here user will enter 1st number. -->
Number 1: <input type="text" name="number1">
<!-- Here user will enter 2nd number. -->
Number 2: <input type="text" name="number2">
<!-- Here result will be displayed. -->
Get Result: <input type="text" name="total">
<!-- Here respective button when clicked, calls only
respective artimetic function. -->
<input type="button" value="ADD"
onclick="javascript:addition();">
<input type="button" value="SUB"
onclick="javascript:subtraction();">
<input type="button" value="MUL"
onclick="javascript:multiply();">
<input type="button" value="DIV"
onclick="javascript:division();">
<input type="button" value="MOD"
onclick="javascript:modulus();">
</form>
</body>
</html>
| Is This Answer Correct ? | 8 Yes | 5 No |
What is the difference between var and let?
What is an example of javascript?
Why do we need to declare variables?
How to remove duplicate values from a javascript array?
How are DOM utilized in JavaScript?
What are global variables? How are these variable declared and what are the problems associated with using them?
find the common prime divisors of two given numbers
If you need to hide the javascript code from the older browser versions, how will you perform it?
How can you do a character count in javascript?
Iam getting xml when we click on one button.Iam placing that xml in dom.Im getting that xml data in one xsl.In that xsl I want to increase the variable value which is declared in xsl. Ex: <parent_node> <childNode> <first><d1>ffftt</d1></first> <first><d1>eeeeiii</d1></first> <first><d1>uuuuwww</d1></first> </childNode> <childNode> <first><d1>fff</d1></first> <first><d1>eeee</d1></first> <first><d1>uuuu</d1></first> </childNode> </parent_node>
How to print a web page using javascript?
Write the code for adding new elements dynamically?
ASP 
