2013-03-19 71 views
-2

所以我正在做一个非常基本的事情。我写了这个代码。我无法从中得出结果。我不确定我做错了什么。因为我在学习。HTML计算器

<head> 
<script language="javascript" type="text/javascript"> 
function add(){ 
    var input1=a; 
    var input2=b; 
    var result = a+b; 
    input1 = parseInt(document.getElementById("t1").value); 
    input2 = parseInt(document.getElementById("t2").value); 
    document.write("result"); 
} 
</script> 
<title>java</title> 
</head> 
<body> 
    <form name="f1"> 
     <input type="text" id="t1" name="t1"> 
     <input type="text" id="t2" name="t2"> 
     <p> 
      <input type="button" id="add" value="add" onClick="function add();"> 
      <input type="button" id="divide" value="divide" onClick="javascript:function divide();"> 
      <input type="button" id="subtract" value="subtract" onClick="javascript:function subtract();"> 
      <input type="button" id="multiply" value="multiply" onClick="javascript:function multiply();"> 
     </p> 
    </form> 
</body> 
</html> 

但它不会产生结果。

+1

变量a和b不要选中此似乎没有定义编辑。我想你是用正确的方式来做这件事的...... 你想先得到'parseInt(..)'的值然后再加上'document.write(input1 + input2)' – charly 2013-03-19 06:38:37

+0

不要'onClick = “function add();”'。做'onClick =“add()”'。 – 2013-03-19 06:38:49

回答

0
<script language="javascript" type="text/javascript"> 
function add(){ 

var input1 = parseInt(document.getElementById("t1").value); 
var input2 = parseInt(document.getElementById("t2").value); 
var result = input1 +input2 ; 
document.write(result); 
} 
</script> 
+0

不工作,它根本不起作用 – user2185284 2013-03-19 07:40:45

2

结果并没有真正写入,而是写入了字符串“result”。

var input1=parseInt(document.getElementById("t1").value); 
var input2=parseInt(document.getElementById("t2").value); 
var result = input1+input2; 
document.write(result); 
+1

这远远不是代码中唯一的问题。 – JJJ 2013-03-19 06:40:20

+0

所以我试了document.write(result); 没有工作。它不加,乘,除减。 – user2185284 2013-03-19 06:51:25

+0

我建议你看看jQuery,并学习基础,以及事件处理程序是如何工作的。这将让你以更好的方式构建你的代码。 – AJB123 2013-03-20 03:16:17

1

修改你的函数为:

function add(){  
    var input1 = parseInt(document.getElementById("t1").value); 
    var input2 = parseInt(document.getElementById("t2").value); 
    var result = input1+input2; 
    document.write(result); 
    } 

希望这有助于

+0

没有工作,它只是产生什么,当我点击添加,乘或其他按钮 – user2185284 2013-03-19 07:07:47

+0

看到我的答案在下面... – Ansari 2013-03-19 10:17:33

1

试试这个:

<head> 
<script language="javascript" type="text/javascript"> 
function add(){ 

    var input1 = parseInt(document.getElementById("t1").value); 
    var input2 = parseInt(document.getElementById("t2").value); 
var result = input1 +input2; 
    document.write(result); 
} 
</script> 
<title>java</title> 
</head> 
<body> 

     <input type="text" id="t1" name="t1"> 
     <input type="text" id="t2" name="t2"> 
     <p> 
      <input type="button" id="add" value="add" onClick="add();"> 
      <input type="button" id="divide" value="divide" onClick="divide();"> 
      <input type="button" id="subtract" value="subtract" onClick="subtract();"> 
      <input type="button" id="multiply" value="multiply" onClick="multiply();"> 
     </p> 

</body> 
</html> 

你可以http://htmledit.squarefree.com/