JavaScript Calculator
原案：臥龍 鳳雛 氏 （2000/04/01 登録）
いわゆる電卓です。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>JavaScript Calculator</title>
<script type="text/javascript">
<!--
var disp = ""
function calc(key) {
if (key == 'C') {
disp = ""
}
else if (key == "=") {
disp = eval(disp)
}
else if (key == 'rev') {
disp = -eval(disp)
}
else {
disp += key
}
document.DispForm.DIPLAY.value = disp
}
// -->
</script>
</head>
</body>
<table border="0" align="center">
<tr>
<td>
<form name="DispForm">
<input type="text" name="DIPLAY" value="0" size="30" style="text-align:right">
<table border="0" align="center">
<tr>
<td><input name="button" type="button" onClick="calc('7')" value="７"></td>
<td><input name="button" type="button" onClick="calc('8')" value="８"></td>
<td><input name="button" type="button" onClick="calc('9')" value="９"></td>
<td><input name="button" type="button" onClick="calc('+')" value="＋"></td>
</tr>
<tr>
<td><input name="button" type="button" onClick="calc('4')" value="４"></td>
<td><input name="button" type="button" onClick="calc('5')" value="５"></td>
<td><input name="button" type="button" onClick="calc('6')" value="６"></td>
<td><input name="button" type="button" onClick="calc('-')" value="−"></td>
</tr>
<tr>
<td><input name="button" type="button" onClick="calc('1')" value="１"></td>
<td><input name="button" type="button" onClick="calc('2')" value="２"></td>
<td><input name="button" type="button" onClick="calc('3')" value="３"></td>
<td><input name="button" type="button" onClick="calc('*')" value="×"></td>
</tr>
<tr>
<td><input name="button" type="button" onClick="calc('0')" value="０"></td>
<td><input name="button" type="button" onClick="calc('.')" value="．"></td>
<td><input name="button" type="button" onClick="calc('C')" value="Ｃ"></td>
<td><input name="button" type="button" onClick="calc('/')" value="÷"></td>
</tr>
<tr>
<td><input name="button" type="button" onClick="calc('(')" value="（"></td>
<td><input name="button" type="button" onClick="calc(')')" value="）"></td>
<td><input name="button" type="button" onClick="calc('rev')" value="rev"></td>
<td><input name="button" type="button" onClick="calc('=')" value="＝"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
