javascript的加法计算器程序——调试不出来，请高手指教

<html>
<head>
<title>计算器</title>
<!--从这里开始剪切-->
<script>
<!--> willclear=false
 function backspace(){
 Calc.Input.value=Calc.Input.value.substring(0,Calc.Input.value.length-1)
  Calc.Input.title=Calc.Input.value.substring(0,Calc.Input.title.length-1)
}
function addoperate(){
if(willclear){
 willclear=false
clearinput()
}
Calc.Input.value+=event.srcElement.innerText
Calc.Input.title+=event.srcElement.name
}
function clearinput(){
Calc.Input.value="
Calc.Input.title="
}
function result (){
Calc.Input.value=eval(Calc.Input.title)
willclear=true
}
//-->
</script>
<style>
button {width:100%;border:4 solid:#808080;background-color:#808080}
</style>
</head>
<body>
<form.name="Calc"action="">
<table border=1 bordercolorlight="#808080" bordercolor="#808080"width="200" height="38">
<tr>
<td width="200" height="39"bgcolor="#C0C0C0" ><input name="Input" type="Text" size=24 value="0" width="100%"height="50" style="background-color:#F5F5F5;fontfamily:Arial;border:5 solid #F5F5F5"></td></tr>
<tr><td width="291" height="39">
<table border="0" width="100%" height="105" cellpandding="0"</tr>
<tr>
  <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="7"OnClick="addoperate()">7</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="8"OnClick="addoperate()">8</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="9"OnClick="addoperate()">9</button></td></tr><tr>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="4"OnClick="addoperate()">4</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="5"OnClick="addoperate()">5</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="6"OnClick="addoperate()">6</button>
</td>
<td width="25%"height="31"><button name="="OnClick="result()">= </button></td>
</tr><tr>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="1"OnClick="addoperate()">1</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="2"OnClick="addoperate()">2</button>
</td>
 <td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="3"OnClick="3">3</button>
</td>
</tr><tr>
<td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="0"OnClick="addoperate()">0</button>
</td>
<td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="+"OnClick="addoperate()">+</button>
</td>
<td width="25%"height="31"align="center"bgcolor="#C0C0C0">
<button name="."OnClick="addoperate()">.</button>
</td></tr>
</table>
</form>
</body>
</html>

解决方案 »

  1.   

    总共有以下几点修改
    1、 <form.name="Calc "action= " "> 改为<form name= "Calc "action= " "> 
    2、function   result   (){ 
           Calc.Input.value=eval(Calc.Input.title);//加上分号
            willclear=true;
            } 3、function   clearinput(){ 
    Calc.Input.value="";
    Calc.Input.title="";//空
    } 
      

  2.   

    行：17
    错误：Calc.Input 为空或不是对象
      

  3.   

    我第一条让你改的 是<form name=>不是<form.name>改了么？
      

  4.   

    你先把这些复制到html文档 看看好用不 为什么我的好用你不好用 是不是form name= "Calc "名里有空格 你都给删了
      

  5.   

    <html> 
    <head> 
    <title> 计算器 </title> 
    <!--从这里开始剪切--> 
    <script> 
    <!-->   willclear=false 
      function   backspace(){ 
      Calc.Input.value=Calc.Input.value.substring(0,Calc.Input.value.length-1) 
        Calc.Input.title=Calc.Input.value.substring(0,Calc.Input.title.length-1) 
    } 
    function   addoperate(){ 
    if(willclear){ 
      willclear=false 
    clearinput() 
    } 
    Calc.Input.value+=event.srcElement.innerText 
    Calc.Input.title+=event.srcElement.name 
    } 
    function   clearinput(){ 
    Calc.Input.value="";
    Calc.Input.title=""; 
    } 
    function   result   (){ 
    Calc.Input.value=eval(Calc.Input.title); 
    willclear=true;
    } 
    //--> 
    </script> 
    <style> 
    button   {width:100%;border:4   solid:#808080;background-color:#808080} 
    </style> 
    </head> 
    <body> 
    <form name= "Calc "action= " "> 
    <table   border=1   bordercolorlight= "#808080 "   bordercolor= "#808080 "width= "200 "   height= "38 "> 
    <tr> 
    <td   width= "200 "   height= "39 "bgcolor= "#C0C0C0 "   > <input   name= "Input "   type= "Text "   size=24   value= "0 "   width= "100% "height= "50 "   style= "background-color:#F5F5F5;fontfamily:Arial;border:5   solid   #F5F5F5 "> </td> </tr> 
    <tr> <td   width= "291 "   height= "39 "> 
    <table   border= "0 "   width= "100% "   height= "105 "   cellpandding= "0 " </tr> 
    <tr> 
        <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "7 "OnClick= "addoperate() "> 7 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "8 "OnClick= "addoperate() "> 8 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "9 "OnClick= "addoperate() "> 9 </button> </td> </tr> <tr> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "4 "OnClick= "addoperate() "> 4 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "5 "OnClick= "addoperate() "> 5 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "6 "OnClick= "addoperate() "> 6 </button> 
    </td> 
    <td   width= "25% "height= "31 "> <button   name= "= "OnClick= "result() "> =   </button> </td> 
    </tr> <tr> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "1 "OnClick= "addoperate() "> 1 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "2 "OnClick= "addoperate() "> 2 </button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "3 "OnClick= "3 "> 3 </button> 
    </td> 
    </tr> <tr> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "0 "OnClick= "addoperate() "> 0 </button> 
    </td> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "+ "OnClick= "addoperate() "> + </button> 
    </td> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= ". "OnClick= "addoperate() "> . </button> 
    </td> </tr> 
    </table> 
    </form> 
    </body> 
    </html> 
      

  6.   

    <form name="Calc" action=" ">应该是这样 是你贴出来的原因  还是怎么 你那为什么老是有个空格
      

  7.   

    修改后的加法计算器：<html> 
    <head> 
    <title> 计算器 </title> 
    <!--从这里开始剪切--> 
    <script> 
    <!-->   willclear=false 
      function   backspace(){ 
      Calc.Input.value=Calc.Input.value.substring(0,Calc.Input.value.length-1) 
        Calc.Input.title=Calc.Input.value.substring(0,Calc.Input.title.length-1) 
    } 
    function   addoperate(){ 
    if(willclear){ 
      willclear=false 
    clearinput() 
    } 
    Calc.Input.value+=event.srcElement.innerText 
    Calc.Input.title+=event.srcElement.name 
    } 
    function   clearinput(){ 
    Calc.Input.value="";
    Calc.Input.title=""; 
    } 
    function   result   (){ 
    Calc.Input.value=eval(Calc.Input.title); 
    willclear=true;
    } 
    //--> 
    </script> 
    <style> 
    button   {width:100%;border:4   solid:#808080;background-color:#808080} 
    </style> 
    </head> 
    <body> 
    <form name= "Calc"action= " "> 
    <table   border=1   bordercolorlight= "#808080 "   bordercolor= "#808080 "width= "200 "   height= "38 "> 
    <tr> 
    <td   width= "200 "   height= "39 "bgcolor= "#C0C0C0 "   > <input   name= "Input"   type= "Text "   size=24   value= "0 "   width= "100% "height= "50 "   style= "background-color:#F5F5F5;fontfamily:Arial;border:5   solid   #F5F5F5 "> </td> </tr> 
    <tr> <td   width= "291 "   height= "39 "> 
    <table   border= "0"   width= "100% "   height= "105 "   cellpandding= "0 " </tr> 
    <tr> 
        <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "7"OnClick= "addoperate()">7</button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "8"OnClick= "addoperate()">8</button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "9"OnClick= "addoperate()">9</button> </td> </tr> <tr> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "4"OnClick= "addoperate()">4</button> 
    </td> 
      <td   width= "25% "height= "31 "align="center "bgcolor= "#C0C0C0 "> 
    <button   name= "5"OnClick= "addoperate()">5</button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "6"OnClick= "addoperate()">6</button> 
    </td> 
    <td   width= "25% "height= "31 "> <button   name= "= "OnClick= "result() "> =   </button> </td> 
    </tr> <tr> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "1"OnClick= "addoperate()">1</button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "2"OnClick= "addoperate()">2</button> 
    </td> 
      <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "3 "OnClick="addoperate()">3</button> 
    </td> 
    </tr> <tr> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "0"OnClick= "addoperate()">0</button> 
    </td> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "+"OnClick= "addoperate()">+</button> 
    </td> 
    <td   width= "25% "height= "31 "align= "center "bgcolor= "#C0C0C0 "> 
    <button   name= "."OnClick= "addoperate()">.</button> 
    </td> </tr> 
    </table> 
    </form> 
    </body> 
    </html> 
      

  8.   

    空格是csdn加的