js 按钮禁用 disabled

Question

问题描述

JS 写了一个步进器 想要小于或等于1的时候值为1 实现按钮禁用无法点击

问题出现的环境背景及自己尝试过哪些方法

加减 正常能够实现 小于1的时候 也不会再减 但是disabled的按钮禁用效果没有出来 点击事件还是触发了 按钮也没有被禁用掉

相关代码

<div class="p">
    <button class="jian" onclick="jian(this)">-</button>
    <input id="input" readonly type="text">
    <button class="jia" onclick="jia(this)">+</button>
</div>

var inputt = document.getElementById("input");
inputt.value = 1;

function jia(ja) {
    var input = ja.previousElementSibling;
    var inp = input.value * 1 + 1;
    if (inp >= 999) {
        val = 999
    }
    input.value = inp;
}

function jian(ja) {
    var input = ja.nextElementSibling;
    var but = document.querySelector('butten.jian');
    var inp = input.value * 1 - 1;
    if (inp <= 0) {
        val = 1;
        but.style.disabled = "disabled";
    }
    input.value = inp;
}

你期待的结果是什么？实际看到的错误信息又是什么？

这错误原因 怎么解决

Answer 1

两个问题，都在jian里面
1、document.querySelector('butten.jian')里面应该是button，不是butten
2、disabled是属性不是样式style，所以应该是but.disabled = "disabled"，不是but.style.disabled = "disabled"