JavaScropt [初心者の備忘録] テキストボックスに入力した数字で加減するカウンター

[やりたかったこと]
テキストボックスを作成し、そこに入力された数値に対して、
プラスまたはマイナスボタンをクリックすると、その分だけ加算または減算されるだけのもの。

<div class="spinner_area">
      <p id="counter" type="number">0</p>
      <input type="button" value="＋" class="btnspinner" data-cal="1" data-target=".counter1" id="up" hovercolor="red">
      <input type="number" value="1" class="counter1" data-max="500" data-min="0" id="textbox">
      <input type="button" value="－" class="btnspinner" data-cal="-1" data-target=".counter1" id="down" hovercolor="red">

</div>

window.addEventListener('DOMContentLoaded', ()=>{
  const downbutton = document.querySelector('#down');
  const upbutton = document.querySelector('#up');
  const text = document.querySelector('#textbox');
  const counter = document.querySelector('#counter');
  downbutton.addEventListener('click', (event) => {
    counter.textContent=parseInt(counter.textContent)-parseInt(text.value);
  });
  upbutton.addEventListener('click', (event) => {
    counter.textContent=parseInt(counter.textContent)+parseInt(text.value);;
  });
});