如何用按钮控制数字的增加和减少

页面上有两个按钮，中间有一个输入框，往输入框里输入数字，每点一次左侧的按钮，输入框的值减一，输入框的值最小为1，最大为100，点击右侧按钮输入框的数值将每次加1

 <button id="btn_reduce">-</button>
    <input type="text" id="txt">
    <button id="btn_add">+</button>
    <script>
        let btn_reduce = document.querySelector('#btn_reduce');
        let txt = document.querySelector('#txt');
        // 减少
        btn_reduce.addEventListener('click',function(){
            if (txt.value <= 1) {
                txt.value = 1;
            }else{
                txt.value--;
            }
        })
        // 增加
        btn_add.addEventListener('click',function(){
            if (txt.value >= 100) {
                txt.value = 100;
            }else{
                 txt.value++;
            }
        })
    </script>