Write a Program of Simple Calculator in JavaScript using HTML.



Write a Program of Simple Calculator in JavaScript using HTML...

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

Post New Answer

More JavaScript Interview Questions

How to detect browser name using JavaScript?

0 Answers  


Why is javascript so hard?

0 Answers  


What is meant by vanilla javascript?

0 Answers  


What can be the challenges during testing a program or a system?

0 Answers  


How to convert json object to string?

0 Answers  






What is are the types of the pop up box es available in javascript?

0 Answers  


How to get checkbox status whether it is checked or not?

0 Answers  


What is an enum

1 Answers  


why java is called platform independent?

1 Answers  


How to write a comment in javascript?

0 Answers  


How do I save javascript?

0 Answers  


TypeError: document.getelementbyid(...) is null?

0 Answers  


Categories