你好,我是新人,正在学习 javascript。
我正在尝试通过文本字段制作一个加法程序。
检查js fiddle上的html代码http://jsfiddle.net/fCXMt/ http://jsfiddle.net/fCXMt/
我需要知道的是如何接受文本字段中的用户输入并在中显示输出P
tag.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
</head>
<body>
<input id="value1" type="text" />
<span> + </span>
<input id="value2" type="text" />
<input type="submit" onclick="output();">
<p id="result"> </p>
<script type="text/javascript" language="javascript" charset="utf-8">
var value1 = document.getElementById('value1').innerHTML;
var value2 = document.getElementById('value2').innerHTML;
function output(){
document.getElementById('result').innerHTML = value1 + value2;
}
</script>
</body>
</html>
单击按钮后,您必须获取输入字段中的值,然后使用value
属性(不是innerHTML)来做到这一点。另外,请确保您添加数字而不是将字符串附加在一起。尝试这个:
function output(){
var value1 = document.getElementById('value1').value;
var value2 = document.getElementById('value2').value;
document.getElementById('result').innerHTML = parseInt(value1) + parseInt(value2);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)