Javascript 如何让滑动条在网站上动态添加或减少元素？

我是作为一个有点庸俗的人来到这里的，所以请容忍我。。。在提出了一个网站的想法后，我最近开始学习编码，并决定自己尝试制作

因此，我在网站上制作了一个页面，用于显示一系列按钮，表示可用性，因此有两种状态：单击或未单击。每个用户登录后，都必须从1-100的滑块菜单中选择自己要显示的按钮数量

为了做到这一点，我想我将不得不设计一个单独的.html文件，其中包括1个按钮、2个按钮、3个按钮等等。。。并让这些文件中的每一个都与所选的相应数量相匹配

由于我计划有多达100个按钮，我可以想象，这不仅需要很长时间，但可能会减慢我的网站相当多

---

有没有办法只使用一个.html文件，并让它根据用户通过Javascript或PHP选择的数量动态更新自身？

如果我理解的话，您希望从滑块中选择要显示的按钮数量，并根据要显示的按钮数量进行单页更新。我不知道你所说的点击/未点击是什么意思

下面是一个表单，用于从范围输入滑块选择要显示的按钮数。提交时，我从滑块中获取值，并在javascript数组中循环该值，创建按钮。这就是你想要的吗

注意，我在这段代码中确实有一个表单，但删除了它，因为代码编辑器给出了一个错误，说“allow forms”权限未设置，所以我为submit按钮分配了一个单击处理程序，而不是使用正确的表单。 $“范围”。关于“更改”，函数{ $'rangeVal'.html$this.val； }; $“提交”。单击“提交”功能{ rangeVal=$'range'.val； $buttons=$'buttons'； $buttons.html；

---

对于var i=1；我是的，有可能做这样的事情，听起来您可能希望使用AJAX来完成这一点。感谢您的回复！我意识到现在我对按钮的含义有点模糊，我已经从一个元素创建了一个“按钮”。下面是代码因此，我的想法是，当滑块显示1时，有一个svg存在，当滑块显示100时，页面上有100个svg存在。@AndyFinn您是否能够调整我使用svg所做的操作，还是仍然需要hlep？您应该能够将svg代码放在按钮代码所在的位置。是的，我需要帮助谢谢你，因为当我把它放在我的网站上时，只有滑块出现，数字保持在1，没有任何按钮或SVG出现。@AndyFinn好的，我在我的答案中更新了代码，但我从你的评论中复制并粘贴了它，没有任何更改。好的，非常感谢你的帮助！