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

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

javascript html

如何在javascript中创建一个简单的函数,javascript,html,Javascript,Html,我的问题是，当您单击按钮时，我无法在内部htnml中显示结果请单击以显示发生的情况。。。。谢谢这是我的代码： <!DOCTYPE html> <html> <body> the text: <input type="text" id="userp" /> <input type="button" onclick="myfunction () " value="click"> </button> <p

我的问题是，当您单击按钮时，我无法在内部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>


案文：

函数myfunction（）{
var usert=document.getElementById（“userp”）；
var result=usert+3；
document.getElementById（“demo”）.innerHTML=resl；}

问题在下面一行

var resul = usert +3 ;

因为

usert

是一个

DOM

元素，您首先需要使用

value

属性获取值。

document.getElementById

方法返回描述与指定ID匹配的

DOM

元素对象的

元素

对象，如果在文档中找不到匹配元素，则返回

null

函数myfunction（）{
var usert=document.getElementById（“userp”）；
var result=usert.value+3；
document.getElementById（“demo”）.innerHTML=resl；}

文本：

而不是

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

它现在应该可以工作了

您需要使用

usert.value

来获取输入值。

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