这是我的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>
,但它没有执行任何操作
https://stackoverflow.com/questions/51922170
复制相似问题