Interested to Buy Any Domain ? << Click Here >> for more details...
Write a Program of Simple Calculator in JavaScript using HTML.
- 1 Answers
- 10026 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 a javascript symbol?
Which software is used for javascript?
What makes a relation a function?
List some data types supported by javascript?
What is js full form?
How to handle exceptions in JavaScript?
How many types of variables are there in javascript?
Mention what is the disadvantage of using innerhtml in javascript?
What is the Infinity property used for in Javascript?
What is the use of a weakmap object in javascript?
Where do I put javascript in html?
What are the Non-primitive data types in JavaScript?
ASP 
