gpt4 book ai didi

javascript - 为什么我的“全部删除”按钮需要双击才能起作用?

转载 作者:行者123 更新时间:2023-12-01 01:26:04 25 4
gpt4 key购买 nike

所以,我添加了一个删除所有按钮并且它可以工作,唯一的问题是需要双击它才能使其工作。

请问有什么问题吗?谢谢你:)

我在此处添加了用于创建按钮的代码:

<body>
<!--for everything in the navigation part including the add favorite bar-->
<div class="topnav">

<div class="addFave">
<!--the text bar-->
<input type="text" name="enter" class="enter" value="" id="added" placeholder= "Add Favorites"/>
<!--the enter button-->
<input type="button" value="Enter" id = "addIt" OnClick="adding()" />
<!--for the script of the add favorite bar to add its functions-->
<script type="text/javascript">
var faves = [];

var y = document.getElementById("added");
function adding() {
faves.push(y.value);
document.getElementById("faveLists").innerHTML = faves;
}
var input = document.getElementById("added");
input.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
document.getElementById("addIt").click();
}
});
</script>
</div>
</div>


<br />

<div class="buttons">
<button onclick="eradicateFaves()">Remove All Favorite</button>


<script>
-coding to remove all the favorites on the list-->
function eradicateFaves(){
document.getElementById("faveLists").innerHTML = faves;
while(faves.length > 0){
faves.shift();
}
}

</script>
</div>
<p id = "faveLists"></p>

最佳答案

while(faves.length > 0){                   
faves.shift();
}

为什么不直接用 faves = [] 来清空它呢?在分配列表之前不应该清空列表吗?这就是为什么您需要点击两次;第一次重新分配当前列表然后清空它,第二次分配空列表然后不执行任何操作,因为它已经是空的。所以,试试这个:

function eradicateFaves(){
faves = [];
document.getElementById("faveLists").innerHTML = faves;
}

关于javascript - 为什么我的“全部删除”按钮需要双击才能起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53773494/

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