HTMLで簡単に数値のプラスボタンとマイナスボタンを作る

意外と知らない方が多いと思いますが、JavaScirptで自作しなくても簡単にできます。
便利ですね！

<a id="minus" class="number-control">-</a>
<input type="number" id="number" value="5.0" max="10" min="1" step="0.1" />
<a id="plus" class="number-control">+</a>

document.getElementById("minus").addEventListener("click", (event) => {
    document.getElementById("number").stepDown();
});
document.getElementById("plus").addEventListener("click", (event) => {
    document.getElementById("number").stepUp();
});

stepUpとstepDownは以下のtypeで使えます。

• number
• range
• date
• month
• week
• time

詳しくはこちら
https://developer.mozilla.org/ja/docs/Web/API/HTMLInputElement/stepUp