Write a Program of Simple Calculator in JavaScript using HTML.
- 1 Answers
- 9643 Views
- I also Faced
- E-Mail Answers
Answer Posted / 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 |
Post New Answer View All Answers
Are there any training Institutions on iphone Automation testing?
What is JavaScript?
How do I open javascript?
Can we learn javascript without knowing java?
What is difference == and === in javascript?
Why do we need hoisting in javascript?
What is the best free ide?
How do Javascript primitive/object types passed in functions?
How to set the cursor to wait?
what difference between args.length and args.length() in command line argument?
What is dom in javascript?
What does parse Query String return in javascript?
What kind of conditional statements does JavaScript support?
How to remove duplicate values from a javascript array?
What is an immediately-invoked function expression?
