Simple Calculator in JavaScript

15CSL77
WEB TECHNOLOGY LABORATORY WITH MINI PROJECT

Program 1

Write a JavaScript to design a simple calculator to perform the following operations:
sum, product, difference and quotient.

basic format for HTML documents.

<html>
<head></head>
<body>
<! -- Content -- >
</body>
</html>
JavaScript Function We will use in this Program:
eval(expression): This function will solve the expression given as attribute.
example: eval(3+9)=12

Basic Steps

step1: Create one file with html extension(ex:- calci.html).

step2: Design body of calculator we can choose any html code of our wish.

step3: Use JavaScript function to evalute expression.

Code for Simple Calculator:

<html>
<head>
</head>
<body>
<script>
function insert(num){
document.form.textView.value=document.form.textView.value+num;
}
function equal(){
var exp = document.form.textView.value;
if(exp){
document.form.textView.value=eval(document.form.textView.value);
}
}
function c(){
document.form.textView.value=" ";
}
</script>
<center>
<form name="form">
<input type="text" name="textView"/><br>
<input type="button" value="1" onclick="insert(1)"/>
<input type="button" value="2" onclick="insert(2)"/>
<input type="button" value="3" onclick="insert(3)"/>
<input type="button" value="+" onclick="insert('+')"/>
<br><br>
<input type="button" value="4" onclick="insert(4)"/>
<input type="button" value="5" onclick="insert(5)"/>
<input type="button" value="6" onclick="insert(6)"/>
<input type="button" value="-" onclick="insert('-')"/>
<br><br>
<input type="button" value="6" onclick="insert(6)"/>
<input type="button" value="7" onclick="insert(7)"/>
<input type="button" value="8" onclick="insert(8)"/>
<input type="button" value="*" onclick="insert('*')"/>
<br><br>
<input type="button" value="0" onclick="insert(0)"/>
<input type="button" value="/" onclick="insert('/')"/>
<input type="button" value="=" onclick="equal()"/>
<input type="button" value="C" onclick="c()"/>
<br>
</form>
</center>
</body>
</html>

Simple Calculator in JavaScript