javascript简易计算器

<HTML>
<HEAD>
<TITLE>计算器</TITLE>
<STYLE type="text/css">
.textBaroder  /*细边框的文本输入框*/
{
    border-width:1px;
    border-style:solid
}
 
</STYLE>

<SCRIPT  language="javascript">
  function compute(op)
  { 
     var num1,num2;
     num1=parseFloat(document.myform.txtNum1.value);
     num2=parseFloat(document.myform.txtNum2.value);
         alert(parseInt("8")+parseFloat('8'));
     if (op=="+")
        document.myform.txtResult.value=num1+num2  ;
     if (op=="-")
        document.myform.txtResult.value=num1-num2  ;
     if (op=="*")
        document.myform.txtResult.value=num1*num2  ;
     if (op=="/"  &&  num2!=0)
        document.myform.txtResult.value=num1/num2   ;
  }
</SCRIPT>
</HEAD>
<BODY>
<IMG src="images/logo.gif" width="240" height="31" >欢迎您来淘宝!
 <FORM action="" method="post" name="myform" id="myform">
<TABLE border="0" bgcolor="#C9E495" align="center">
  <TR>
    <TD colspan="4"><H3><IMG src="images/shop.gif" width="54" height="54">      购物简易计算器</H3></TD>
  </TR>
  <TR  >
    <TD  >第一个数</TD>
    <TD colspan="3"><INPUT name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25"></TD>
  </TR>
  <TR  >
    <TD>第二个数</TD>
    <TD colspan="3"><INPUT name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25"></TD>
  </TR>
  <TR>
    <TD><INPUT name="addButton2" type="button" id="addButton2" value="  +  " onClick="compute('+')"></TD>
    <TD><INPUT name="subButton2" type="button" id="subButton2" value="  -  " onClick="compute('-')"></TD>
    <TD><INPUT name="mulButton2" type="button" id="mulButton2" value="  ×  " onClick="compute('*')"></TD>
    <TD><INPUT name="divButton2" type="button" id="divButton2" value="  ÷  " onClick="compute('/')"></TD>
  </TR>
  <TR>
    <TD>计算结果</TD>
    <TD colspan="3"><INPUT name="txtResult" type="text" class="textBaroder" id="txtResult" size="25"></TD>
  </TR>
</TABLE>
</FORM>
</BODY>
</HTML>

 

posted @ 2012-10-20 17:14  邹晟  阅读(234)  评论(0编辑  收藏  举报