読者です 読者をやめる 読者になる 読者になる

久保清隆のブログ

ライフハック、健康、旅行、ビジネス、広告など、役に立つような情報を書きます。

JavaScriptで簡単な計算機を作ってみた

プログラミング JavaScript

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>



お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
ブログランキング・にほんブログ村へにほんブログ村 IT技術ブログへにほんブログ村 IT技術ブログ プログラム・プログラマへ