JavaScriptで簡単な計算機を作ってみたけど、続けて計算はできない。
もっと改良したいな。
⇒改良しました
<head>
<title>電卓</title>
<script language="JavaScript">
var ans = "";
var val = "";
operator="+";
function setValue(n){
ans += n;
document.forms[0].elements[0].value=ans;
}
function setOperator(n){
val=ans;
operator=n;
ans="";
}
function clear(){
val="";
ans="";
document.forms[0].elements[0].value="";
}
function calc(){
a = eval(val);
b = eval(ans);
val = eval('a'+operator+'b');
document.forms[0].elements[0].value=val;
}
</script>
</head>
<body>
<center>
<table border="1" align="middle" cellspacing="2" bgColor="black">
<tr>
<td colspan="4" align="middle"><form><input size="27"></form></td>
</tr>
<tr>
<td><A HREF="JavaScript:setValue('7')"><IMG SRC="calc/7.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('8')"><IMG SRC="calc/8.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('9')"><IMG SRC="calc/9.gif" border="0"></A></td>
<td><A HREF="JavaScript:setOperator('*')"><IMG SRC="calc/mult.gif" border="0"></A></td>
</tr>
<tr>
<td><A HREF="JavaScript:setValue('4')"><IMG SRC="calc/4.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('5')"><IMG SRC="calc/5.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('6')"><IMG SRC="calc/6.gif" border="0"></A></td>
<td><A HREF="JavaScript:setOperator('/')"><IMG SRC="calc/div.gif" border="0"></A></td>
</tr>
<tr>
<td><A HREF="JavaScript:setValue('1')"><IMG SRC="calc/1.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('2')"><IMG SRC="calc/2.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('3')"><IMG SRC="calc/3.gif" border="0"></A></td>
<td><A HREF="JavaScript:setOperator('+')"><IMG SRC="calc/plus.gif" border="0"></A></td>
</tr>
<tr>
<td><A HREF="JavaScript:setValue(0)"><IMG SRC="calc/0.gif" border="0"></A></td>
<td><A HREF="JavaScript:setValue('.')"><IMG SRC="calc/dot.gif" border="0"></A></td>
<td><A HREF="JavaScript:calc()"><IMG SRC="calc/equal.gif" border="0"></A></td>
<td><A HREF="JavaScript:setOperator('-')"><IMG SRC="calc/minus.gif" border="0"></A></td>
</tr>
<tr>
<td colspan="4" align="middle"><A HREF="JavaScript:clear()"><img src="calc/reset.jpg" border="0"></A></td>
</tr>
</table>
</body>
</html>
お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
