javascript - 删除值时将输入背景颜色更改为白色

Question

我有一个输入控件(文本框)，如果值超过 2000，它的颜色就会改变。我想做的是当删除文本框中的值时，背景会变为白色。

我试过了:

document.getElementById("advance").style.background = '#FFFFFF';

但文本框的背景颜色仍然是红色。

if (document.getElementById("no_days").value <= 5) {
            var amt = document.getElementById("advance").value;
            if (amt > 2000) {
                alert("Eligible advance amount is upto 2000Rs");
                ready_to_send = false;
                    document.getElementById("advance").style.background = '#FF0000';
                return;
            }
        }

预期结果是当值超过 2000 时背景颜色为红色，当我删除该值时背景颜色变为白色。提前致谢。

Answer 1

如果要保证课本为空时背景变白，可以在textbox中附加一个变化的事件监听器，判断textbox的值为空。

let textbox = document.getElementById("myInput");

textbox.addEventListener('input', function (evt) {
                console.log(this.value);
                //perform your inner logic here
});