Как с помощью js управлять backround inputa
Мне нужно в инпуте у которого класс .time-spending-input менять background-image когда в нём появляется текст. Как
let allInput = document.querySelectorAll('input');
function removeDone(input){
for(const input of allInput){
if(input.value ==" "){
form.querySelectorAll(".time-spending-input").style.backgroundImage = "url(image/check.svg)";
}
}
}
removeDone(input)
Ответы (1 шт):
Автор решения: puffleeck
→ Ссылка
Мне нужно в инпуте у которого класс .time-spending-input менять background-image когда в нём появляется текст
.time-spending-input{width: 100%;
background-image: linear-gradient(90deg, green, blue)}
.time-spending-input::placeholder{ opacity: 1;
background-image: linear-gradient(90deg, yellow, red)}
<input placeholder='а обязательно JavaScript юзать? может и так сойдёт? :3'
class='time-spending-input'>