This javascript generates the well-structured calculator with all types of operations and controls.
Following is the javascript for the same.
<html>
<head>
</head>
<body>
<form name="f1">
<table>
<tr> <td colspan="3"><input type="text" name="t1" /> </td>
<td><input type="button" value="C" onclick="document.f1.t1.value=''"/> </td>
</tr>
<tr>
<td><input type="button" value="1" onclick="document.f1.t1.value+='1'"/> </td>
<td><input type="button" value="2" onclick="document.f1.t1.value+='2'"/> </td>
<td><input type="button" value="3" onclick="document.f1.t1.value+='3'"/> </td>
<td><input type="button" value="+" onclick="document.f1.t1.value+='+'"/> </td>
</tr>
<tr>
<td><input type="button" value="4" onclick="document.f1.t1.value+='4'"> </td>
<td><input type="button" value="5" onclick="document.f1.t1.value+='5'"/> </td>
<td><input type="button" value="6" onclick="document.f1.t1.value+='6'"/> </td>
<td><input type="button" value="-" onclick="document.f1.t1.value+='-'"/> </td>
</tr>
<tr>
<td><input type="button" value="7" onclick="document.f1.t1.value+='7'"/> </td>
<td><input type="button" value="8" onclick="document.f1.t1.value+='8'"/> </td>
<td><input type="button" value="9" onclick="document.f1.t1.value+='9'"/> </td>
<td><input type="button" value="*" onclick="document.f1.t1.value+='*'"/> </td>
</tr>
<tr>
<td><input type="button" value="0" onclick="document.f1.t1.value+='0'"/> </td>
<td><input type="button" value="." onclick="document.f1.t1.value+='1.'"/> </td>
<td><input type="button" value="=" onclick="document.f1.t1.value=eval(f1.t1.value);"/> </td>
<td><input type="button" value="/" onclick="document.f1.t1.value+='/'"/> </td>
</tr>
</table>
</form>
</body>
</html>
Following is the javascript for the same.
<html>
<head>
</head>
<body>
<form name="f1">
<table>
<tr> <td colspan="3"><input type="text" name="t1" /> </td>
<td><input type="button" value="C" onclick="document.f1.t1.value=''"/> </td>
</tr>
<tr>
<td><input type="button" value="1" onclick="document.f1.t1.value+='1'"/> </td>
<td><input type="button" value="2" onclick="document.f1.t1.value+='2'"/> </td>
<td><input type="button" value="3" onclick="document.f1.t1.value+='3'"/> </td>
<td><input type="button" value="+" onclick="document.f1.t1.value+='+'"/> </td>
</tr>
<tr>
<td><input type="button" value="4" onclick="document.f1.t1.value+='4'"> </td>
<td><input type="button" value="5" onclick="document.f1.t1.value+='5'"/> </td>
<td><input type="button" value="6" onclick="document.f1.t1.value+='6'"/> </td>
<td><input type="button" value="-" onclick="document.f1.t1.value+='-'"/> </td>
</tr>
<tr>
<td><input type="button" value="7" onclick="document.f1.t1.value+='7'"/> </td>
<td><input type="button" value="8" onclick="document.f1.t1.value+='8'"/> </td>
<td><input type="button" value="9" onclick="document.f1.t1.value+='9'"/> </td>
<td><input type="button" value="*" onclick="document.f1.t1.value+='*'"/> </td>
</tr>
<tr>
<td><input type="button" value="0" onclick="document.f1.t1.value+='0'"/> </td>
<td><input type="button" value="." onclick="document.f1.t1.value+='1.'"/> </td>
<td><input type="button" value="=" onclick="document.f1.t1.value=eval(f1.t1.value);"/> </td>
<td><input type="button" value="/" onclick="document.f1.t1.value+='/'"/> </td>
</tr>
</table>
</form>
</body>
</html>
No comments:
Post a Comment