gpt4 book ai didi

javascript - 单击按钮时显示下一个名称

转载 作者:行者123 更新时间:2023-11-28 05:52:01 27 4
gpt4 key购买 nike

我想知道的是一些基础知识。我有以下页面

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<input id="con" value="">
<button id="fab">press</button>
<script>
document.getElementById("fab").addEventListener("click", function(){
var cars = ["Saab", "Volvo", "BMW", "Jaguar", "Tata"];
document.getElementById("con").value = cars[0];
});
</script>
</body>
</html>

这里我想做的是,每当用户单击按钮时,下一个“汽车”数组应该添加到值字段中。我不知道该怎么做,我做了一些研究,但找不到太多帮助。页面加载时,值字段为空,第一次单击时会显示“cars[0]”,第二次单击时应显示“cars[1]”,依此类推。我不知道该怎么办,请帮忙。谢谢:)

最佳答案

这将是做到这一点的一种方法。我们使用模运算符,但同时将结果分配给idx,这样它就不会任意增加。

var cars = ["Saab", "Volvo", "BMW", "Jaguar", "Tata"],
idx = -1,
con = document.getElementById("con");
document.getElementById("fab").addEventListener("click", function(){con.value = cars[idx = ++idx%cars.length]});
<body>
<p id="demo"></p>
<input id="con" value="">
<button id="fab">press</button>
</body>

关于javascript - 单击按钮时显示下一个名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38000208/

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