данную проблему решил, значение инпута нужно было для библиотеки, внутри лисенера и использовал ее, костыль - не костыль - главное работает. А по поводу чистого стека - почитал, спасибо!
Ankhena, опробовал все способы,все помогли,правда, до этого через картинку не получилось, делал с помощью background-color, но почему то считаю это костылем, видимо можно сделать так было,просто было интересно послушать более опытных людей