gpt4 book ai didi

javascript - 按钮没有响应点击

转载 作者:行者123 更新时间:2023-11-30 17:41:42 27 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<form>
<input type="text" id="song" placeholder="Enter a Song">
<input type="button" id="button" value="Submit">
</form>
<ul id="songList"></ul>
</body>
</html>
window.onload = function() {
var button = document.getElementById("button");
button.onclick = buttonHandler;
};

function buttonHandler(){
var input = document.getElementById("song");
var li = document.createElement("li");
li = input.innerHTML;
var ul = document.getElementById("songList");
ul.appendChild(li);
}

上面的代码也可以在这里找到http://jsbin.com/IyaNOPa/1/edit

为什么当我输入歌曲名称并单击按钮时,它没有将名称添加到列表中?我已经做了几次这样的事情并且它起作用了,现在我以不同的方式尝试了它,但我不确定我的错误是什么。

最佳答案

你需要改变

 li = input.innerHTML;

 li.innerHTML = input.value;
  • 您正在将 li 覆盖为空字符串,因为输入的 innerHTML 会返回给您。
  • 您需要使用输入的值属性设置 li 的 innerHTML。

Demo

关于javascript - 按钮没有响应点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20937957/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com