Как поменять URL в Stile="" с помощью JS?

Question

[Tolmax]

У меня в коде стиль(ссылка на адрес картинки) задан в HTML через style="background-image: url('<%=require(`./images/avatar.jpg`)%>')"

Мне надо изменить адрес, вставляя новый адрес в окне POPUP. Я использую функцию в JS, но в ответ приходит :
ERROR
Cannot read properties of null (reading 'value')
TypeError: Cannot read properties of null (reading 'value')

Сама функция выглядит так:
submitAvatar.addEventListener("submit", avatarSubmit);

function avatarSubmit(evt) {
evt.preventDefault();
profAvatar.style.backgroundImage = `url(${avatarImput.value})`;
// profAvatar.style.backgroundImage = avatarImput.value; //
closePopup(openPopupAvatarElement);
document.removeEventListener("keydown", closeEsc);

}

Comments

[Rsa97]

avatarImput
Если это не опечатка, то показывайте, как в эту переменную значение заносится.

[My1Name]

url('<%=require(`./images/avatar.jpg`)%>')"
Это типа JSP или что это за синтаксис?

[Tolmax]

Потребовалось так "обернуть" адрес при упаковке проекта в webpack

[Tolmax]

Rsa97, опечатался, точку забыл поставить в классе

Answer 1

[Tolmax]

Все правильно сделал, забыл тут точку поставить (((

const avatarImput = document.querySelector("‍♂️.popup__input_type_urlavatar");