Problem
How to create a caluclator using html and Java Script
Code:
<html>
<head>
<script language="JavaScript">
function add()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a-(-b);
document.writeln("add"+c);
}
function sub()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a-b;
document.writeln("sub"+c);
}
function mul()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a*b;
document.writeln("mul"+c);
}
function div()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a/b;
document.writeln("div"+c);
}
</script>
</head>
<body>
<form name="f1">
<table>
<tr>
<td>First value
</td>
<td>
<input type="text" name="t1">
</td>
</tr>
<tr>
<td>Second value
</td>
<td>
<input type="text" name="t1">
</td>
</tr>
<tr>
<td>
<input type="button" value="add" onclick="add()">
<input type="button" value="sub" onclick="sub()">
</td>
<td>
<input type="button" value="mul" onclick="mul()">
<input type="button" value="div" onclick="div()">
</td>
</tr>
</table>
</body>
</html>
How to create a caluclator using html and Java Script
Code:
<html>
<head>
<script language="JavaScript">
function add()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a-(-b);
document.writeln("add"+c);
}
function sub()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a-b;
document.writeln("sub"+c);
}
function mul()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a*b;
document.writeln("mul"+c);
}
function div()
{
var a=document.f1.t1.value;
var b=document.f1.t2.value;
var c=0;
c=a/b;
document.writeln("div"+c);
}
</script>
</head>
<body>
<form name="f1">
<table>
<tr>
<td>First value
</td>
<td>
<input type="text" name="t1">
</td>
</tr>
<tr>
<td>Second value
</td>
<td>
<input type="text" name="t1">
</td>
</tr>
<tr>
<td>
<input type="button" value="add" onclick="add()">
<input type="button" value="sub" onclick="sub()">
</td>
<td>
<input type="button" value="mul" onclick="mul()">
<input type="button" value="div" onclick="div()">
</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment