添加两个数字并使用Javascript在文本框中显示结果 [英] Add two numbers and display result in textbox with Javascript
本文介绍了添加两个数字并使用Javascript在文本框中显示结果的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我只是想编写一个简单的javascript程序，它将演示从文本字段中获取用户输入，然后单击该按钮将在另一个文本字段中显示这些数字的总和结果。但遗憾的是，以下代码无效。这样做我完全无能为力。单击该按钮不会在结果文本字段中显示任何内容。
I was just trying to write a simple javascript program that will demonstrate to take user input from text field, and clicking the button will display the summation result of those number in another text field. But unfortunately the below code is not working. I am totally clueless in doing this. Clicking the button does not show anything in the result text field.
请帮忙。
<body>
<div>
<div>
<h1>Add two number using text box as input using javascript</h1>
</div>
Enter First Number : <br>
<input type="text" id="Text1" name="TextBox1">
<br>
Enter Second Number : <br>
<input type="text" id="Text2" name="TextBox2">
<br>
Result : <br>
<input type="text" id="txtresult" name="TextBox3">
<br>
<input type="button" name="clickbtn" value="Display Result" onclick="add_number()">
<script type="text/javascript">
function add_number(){
var first_number = parseInt(document.getElementsById("Text1").value);
var second_number = parseInt(document.getElementsById("Text2").value);
var result = first_number + second_number;
document.getElementById("txtresult").innerHTML = result;
}
</script>
推荐答案
这是一个工作小提琴： http://jsfiddle.net/sjh36otu/
Here a working fiddle: http://jsfiddle.net/sjh36otu/
function add_number() {
var first_number = parseInt(document.getElementById("Text1").value);
var second_number = parseInt(document.getElementById("Text2").value);
var result = first_number + second_number;
document.getElementById("txtresult").value = result;
}
这篇关于添加两个数字并使用Javascript在文本框中显示结果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
