FY B.sc IT Practical 3(F): Write a java script program to design simple calculator
Program:
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<script language="javascript">
function calc()
{
var n1,n2,opr,x;
n1=parseInt(f1.s1.value);
n2=parseInt(f1.s3.value);
opr=f1.s2.value;
if(opr=="add")
x=n1+n2;
else if(opr=="sub")
x=n1-n2;
else if(opr=="multi")
x=n1*n2;
else if(opr=="div")
x=n1/n2;
else
alert("please
select operator");
document.getElementById("ans").innerHTML="answer
is:"+x;
}
</script>
</head>
<body>
<form name="f1">
<table width=50%>
<tr>
<td>Number1<br>
<select name="s1"
size=1>
<option>Select</option>
<option
value="0">0</option>
<option
value="1">1</option>
<option
value="2">2</option>
<option
value="3">3</option>
<option
value="4">4</option>
<option
value="5">5</option>
<option
value="6">6</option>
<option
value="7">7</option>
<option
value="8">8</option>
<option
value="9">9</option>
</select>
</td>
<td>Operator<br>
<select name="s2"
size=1>
<option>Select</option>
<option
value="add">+</option>
<option
value="sub">-</option>
<option
value="multi">*</option>
<option
value="div">/</option>
</select>
</td>
<td>Number 2<br>
<select
name="s3" size=1>
<option>Select</option>
<option
value="0">0</option>
<option
value="1">1</option>
<option
value="2">2</option>
<option
value="3">3</option>
<option
value="4">4</option>
<option
value="5">5</option>
<option
value="6">6</option>
<option
value="7">7</option>
<option
value="8">8</option>
<option
value="9">9</option>
</select>
</td>
<td>
<input type="button"
value="calculate" onclick="calc()">
</td>
</tr>
</table>
</form>
<p id="ans"> </p>
</body>
</html>
Comments
Post a Comment