本应在列表中添加项目的Javascript代码无法正常工作
本应在列表中添加项目的Javascript代码无法正常工作
提问于 2018-08-20 06:01:26
这是我的html代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing Event Listener</title>
</head>
<body>
<h1>Testing Event Listener</h1><br>
<input id="userinput" type="text" placeholder="Enter Elements">
<button id="enter">Enter</button>
<ul>
<li>Javascript</li>
<li>Python</li>
<li>Ruby On Rails</li>
</ul>
<script type="text/javascript" src="script.js"></script>
</body>
</html> 这是我的javascript代码：
var input= document.getElementById("userinput");
var button= document.getElementById("enter");
var ul= document.querySelector("ul");
function inputLenght(){
return input.value.lenght;
}
function creatListElement(){
var li=document.createElement("li");
li.appendChild(document.createTextNode(input.value));
ul.appendChild(li);
input.value="";
}
function addListAfterClick(){
if(inputLenght> 0){
creatListElement();
}
}
button.addEventListener("click",addListAfterClick); 这个程序没有显示任何错误，但它应该在<ul>中添加项目，并在占位符中添加我们编写的<li>，但它没有执行任何操作
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51922170
复制相关文章
相似问题