html中的数量增减框--jQuery

今天做题遇到了这个问题，其实就是两个button加一个文本框，话不多说，看代码！！

html部分：
<div>
    <button class="IncreaseOrDecrease" value="-" id="decrease">-</button>
    <input type="text" value="1" class="quantityIncreaseOrDecrease" id="firstQuantity">
    <button class="IncreaseOrDecrease" value="+" id="increase">+</button>
</div>

jQuery部分：

<script> $(function (){ $("#increase").click(function (){ let firstQuantity = $("#firstQuantity").val() let firstNum = parseInt(firstQuantity) firstNum += 1 $("#firstQuantity").val(firstNum) }) $("#decrease").click(function (){ let firstQuantity = $("#firstQuantity").val() let firstNum = parseInt(firstQuantity) firstNum -= 1 $("#firstQuantity").val(firstNum) }) }) </script>