如果输入有文本,我想添加一个类。
如果文本将从输入中删除,则删除该类。
我写了这段代码,它添加了一个类,但它无法检查文本是否已被删除。
我不明白如何做到这一点,请帮助。请只使用香草JS。
const doc = document;
const log = console.log;
const boxInp1 = doc.querySelector('.input-1');
const inp1 = doc.querySelector('.input-1__input');
const inp1val = inp1.value;
inp1.addEventListener('input', validate);
function validate() {
if (inp1val.lenght !== 0) {
// Если значение "boolean" = true
boxInp1.classList.add('valid-btn');
log('true')
} else if (inp1val.lenght === 0) {
// Если значение "boolean" = false
boxInp1.classList.remove('valid-btn')
log('false')
};
}
<div class="inputs">
<div class="input-1">
<input class="input-1__input in1r rad16" type="text" placeholder="Ask your question">
</div>
</div>