点击左右箭头怎么切换页面数字的背景色？

点击左右箭头怎么切换页面数字的背景色？下个的时候active加给下一个，上一个的时候加给上一个!

你的想法不能说是错的, 但起码不是好的
接口返回的页数是干嘛的为啥不利用起来 , 如有帮助给个采纳谢谢

不知道你这个问题是否已经解决, 如果还没有解决的话:

这篇博客: 微信小程序常用组件中的 active属性 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
动态加载（从0~percent值）

以下回答来自chatgpt:

根据参考资料给出的代码以及问题的描述，我可以给出一个具体的解决方案。

首先，在HTML中给每个数字按钮添加一个共同的class，用来表示它们是数字按钮。并且给当前页面对应的数字按钮添加一个表示active状态的class。

<div id="btnBox">
  <input type="text" value="button-1" class="number-btn">
  <input type="text" value="button-2" class="number-btn">
  <input type="text" value="button-3" class="number-btn">
  <input type="text" value="button-4" class="number-btn">
  <input type="text" value="button-5" class="number-btn">
</div>

接下来，我们可以使用JavaScript来实现通过点击左右箭头来切换页面数字的背景色的功能。

首先，我们需要找到左右箭头的元素，并为它们添加点击事件监听器。

var prevArrow = document.getElementById('prevArrow');
var nextArrow = document.getElementById('nextArrow');

prevArrow.addEventListener('click', function() {
  // 切换到上一个页面的逻辑
});

nextArrow.addEventListener('click', function() {
  // 切换到下一个页面的逻辑
});

然后，我们需要在点击左右箭头时切换数字按钮的背景色。

对于切换到上一个页面，我们可以将当前页面的数字按钮的active状态去除，并给上一个页面对应的数字按钮添加active状态。

对于切换到下一个页面，我们可以将当前页面的数字按钮的active状态去除，并给下一个页面对应的数字按钮添加active状态。

具体的实现代码如下：

prevArrow.addEventListener('click', function() {
  var currentActiveBtn = document.querySelector('.number-btn.active');
  var prevActiveBtn = currentActiveBtn.previousElementSibling;

  if (prevActiveBtn) {
    currentActiveBtn.classList.remove('active');
    prevActiveBtn.classList.add('active');
  }
});

nextArrow.addEventListener('click', function() {
  var currentActiveBtn = document.querySelector('.number-btn.active');
  var nextActiveBtn = currentActiveBtn.nextElementSibling;

  if (nextActiveBtn) {
    currentActiveBtn.classList.remove('active');
    nextActiveBtn.classList.add('active');
  }
});

请注意，以上代码需要在DOM加载完成后执行，可以放在页面底部或使用DOMContentLoaded事件监听器来确保代码在DOM加载完成后执行。

这样，当点击左右箭头时，就能实现通过切换页面数字的背景色来呈现active状态了。

如果有任何问题或需要进一步的帮助，请随时告诉我。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^