通过使用文本框计算它的价值?使用Javascript

时间:2014-11-29 11:38:54

标签: javascript textbox multiplying

美好的一天,

我想计算Textbox1和Textbox2中的值以及Textbox3中的答案。 所以首先我给了三个文本框Id和Name。 Textbox1名为number1,Textbox2名为number2,Textbox3名为uitkomst
然后,我使用了一个按钮并说onclick activate,这个函数是在Javascript和Javascript中我用Text {1}和Textbox2通过getValue()getElementID()并分别命名这些变量num1和num2,因为我只有想要成倍增加。我刚才说var answer = num1 * num2;。然后我使用getElement()在Textbox3中打印它。 但它仍然没有用。

<script type="text/javascript" language="javascript">
function meten(){
   var num1 = document.getElementById("number1").value;
   var num2 = document.getElementById("number2").value;    
   var answer  = num1 * num2;
   document.getElementById("uitkomst").value = answer;
}    
</script>


L:<input name="number1" id="number1" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required /> *

 B:<input name="number2" name="number2" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required /> 
<br>
<input type="button"  value="bereken" onclick="meten()"/> 
<br>
Total: <input  name="uitkomst" id="uitkomst" value="" onFocus="blur()" />

1 个答案:

答案 0 :(得分:0)

问题是您没有为id设置number2属性,而是您设置了两个name属性,因此document.getElementById('number2')失败。将其中一个更改为id

B:<input id="number2" name="number2" pattern="[0-9.]+" type="number"  onkeypress='return event.charCode >= 48 && event.charCode <= 57' required /> 

DEMO