帮我写一个js代码，用4个相同的div,要求点击id为cc_sub减少id为gnum c_pt的value值1，点击cc_add增加id为gnum c_pt的值1

好的，下面是代码实现：

<!-- HTML结构 -->
<div class="container">
  <button id="cc_sub">-</button>
  <div class="gnum c_pt">0</div>
  <button id="cc_add">+</button>
</div>
<div class="container">
  <button id="cc_sub">-</button>
  <div class="gnum c_pt">0</div>
  <button id="cc_add">+</button>
</div>
<div class="container">
  <button id="cc_sub">-</button>
  <div class="gnum c_pt">0</div>
  <button id="cc_add">+</button>
</div>
<div class="container">
  <button id="cc_sub">-</button>
  <div class="gnum c_pt">0</div>
  <button id="cc_add">+</button>
</div>

// JS代码
const btnSubs = document.querySelectorAll('#cc_sub');
const btnAdds = document.querySelectorAll('#cc_add');

btnSubs.forEach((btnSub, index) => {
  const num = document.querySelectorAll('.gnum.c_pt')[index];
  btnSub.addEventListener('click', () => {
    if (num.innerText > 0) {
      num.innerText--;
    }
  });
});

btnAdds.forEach((btnAdd, index) => {
  const num = document.querySelectorAll('.gnum.c_pt')[index];
  btnAdd.addEventListener('click', () => {
    num.innerText++;
  });
});

这样就可以实现4个相同的div，点击对应的加减按钮，操作对应的value值了。