新手菜鸟问题

这段代码！运行得出的计算结果错误！请大虾帮看下
<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.txtNum1.value)
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 scr="taobao1.jpg" 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/taobao1.jpg" 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="x" onClick="compute('*')"></TD>
<TD><INPUT name="divButton2" type="button" id="divButton2"
value="/" onClick="compute('/')"></TD>
</TR>
<TD>计算结果</TD>
<TD colspan="3"><INPUT name="txtResult" type="text"
class="textBaroder" id="txtResult" size="25"></TD>
</TR>
</TABLE>
</form>
</body>
</html>

解决方案 »

  1.   

    <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.txtNum1.value)
    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 scr="taobao1.jpg" 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/taobao1.jpg" 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="x" onClick="compute('*')"></TD>
    <TD><INPUT name="divButton2" type="button" id="divButton2"
    value="/" onClick="compute('/')"></TD>
    </TR>
    <TD>计算结果</TD>
    <TD colspan="3"><INPUT name="txtResult" type="text"
    class="textBaroder" id="txtResult" size="25"></TD>
    </TR>
    </TABLE>
    </form>
    </body>
    </html>
      

  2.   

    晕了，，你两个数都取的txtNum1,得出的结果当然错误啦
    num1=parseFloat(document.myform.txtNum1.value)
    num2=parseFloat(document.myform.txtNum2.value)
      

  3.   


    这段代码！运行得出的计算结果错误！请大虾帮看下
    <html>
    <head>
    <title>计算器</title>
    <Style type="text/css">
    .textBaroder
    {
    border-width:1px;
    border-style:solid
    }
    </Style>
    <script language="javascript">
    function $(id){return document.getElementById(id);}
    function compute(op){
      if($('txtNum1').value==''||$('txtNum2').value==''){alert('先填写数字！'); return;}
      var num1=0,num2=0,r=0
      num1=$('txtNum1').value*1
      num2=$('txtNum2').value*1
      switch(op){
        case "+":  r=num1+num2;  break;
        case "-":  r=num1-num2;  break;
        case "*":  r=num1*num2;  break;
        case "/":  r=num1/num2;  break;
        defult:    r=0;
      }
      $('txtResult').value=r.toString();
    }
    </script>
    </head>
    <body>
    <img scr="taobao1.jpg" 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/taobao1.jpg" width="54" height="54">
    购物简易计算器<H3></TD>
    </TR>
    <TR>
    <TD>第一个数</TD>
    <TD colspan="3"><INPUT id="txtNum1" type="text" class="textBaroder" id="txtNum1"
    size="25"></TD>
    </TR>
    <TR>
    <TD>第二个数</TD>
    <TD colspan="3"><INPUT id="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="x" onClick="compute('*')"></TD>
    <TD><INPUT name="divButton2" type="button" id="divButton2" value="/" onClick="compute('/')"></TD>
    </TR>
    <TD>计算结果</TD>
    <TD colspan="3"><INPUT id="txtResult" type="text"
    class="textBaroder" id="txtResult" size="25"></TD>
    </TR>
    </TABLE>
    </form>
    </body>
    </html>
      

  4.   

    3楼给的相当不错，受教了。还有body下第一个img的src写成了scr了。
      

  5.   

    这种js代码，最好在FF里面调试，是很容易看出错误的地方的