gpt4 book ai didi

javascript - 如何制作加载更多按钮

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

我醒来创建一个按钮..每次用户单击“加载更多”按钮时,我希望它保留该数字是++等等等等..但到目前为止它已达到十我不知道如何使其加载更多内容而不会在每次用户单击按钮时停止这是我到目前为止的代码

<!DOCTYPE html>
<html>
<body>

<p>Click the button to loop through a block of code five times.</p>
<button onclick="myFunction()">Load More</button>
<p id="demo"></p>
<script>
function myFunction() {
var y="";
for (var i=0;i<10;i++) {
y=y + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML=y;
}
var x="";
for (var i=0;i<5;i++) {
x=x + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
</script>

</body>
</html>

最佳答案

在您发布的代码中,x和y仅存在于函数myFunction中,如果您想保留x和y的状态,则需要将x和y的声明移到函数之外,例如所以

...
<script>
// declare x and y outside of myFunction
// this makes them javascript globals (which is considered bad practice tough)
var x = "";
var y = "";

function myFunction()
{
for (var i=0;i<10;i++)
// ...
// do your stuff with x and y
}
</script>

关于javascript - 如何制作加载更多按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21486435/

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