Question

我的问题是当你在按钮上点击时，我无法使功能在内部htnml中显示结果！ 点击以显示会发生什么 .... 谢谢。这是我的代码：

    <!DOCTYPE html>
<html>
<body>

the text: 
<input type="text" id="userp" /> 
<input type="button" onclick="myfunction () " value="click"> </button> 
<p id="demo"></p>

<script>

function myfunction () {
var usert = document.getElementById("userp");
var resul = usert +3 ; 



document.getElementById("demo").innerHTML = resul;}
</script>

</body>
</html>

Answer 1

问题出在以下一行

var resul = usert +3 ;

因为usert它是DOM元素，您首先需要使用value 属性来获取值。 document.getElementById方法返回描述符合指定ID的Element元素对象的DOM对象，如果文档中未找到匹配元素，则返回null

function myfunction () {
var usert = document.getElementById("userp");
var resul = usert.value +3 ;
document.getElementById("demo").innerHTML = resul;}

the text: 
<input type="text" id="userp" /> 
<input type="button" onclick="myfunction () " value="click"> </button> 
<p id="demo"></p>

Answer 2

var usert = document.getElementById("userp");

而不是

var usert = document.getElementById("userp").value

现在应该可以使用

如何在javascript中创建一个简单的函数

2 个答案: