时间戳

首页 > 解决方案 > 如何在 javascript 中创建一个有效的简单函数

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

问题描述

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

标签： javascripthtml

解决方案

问题在以下行

var resul = usert +3 ;

因为usert它是一个DOM元素，您首先需要使用value property获取值。 document.getElementById方法返回一个对象，该Element对象描述与DOM指定 ID 匹配的元素对象，或者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>

推荐阅读