Как во встроенном обработчике события передать в функцию строку?

Question

[Андрей Siderea]

//функция меняющая атрибут src у картинки
function hoverb(element, img) {
    element.setAttribute('src', img );
}

<button class="minibutton aligh-items-center" onmouseover="hoverb(document.getElementById(imgh), '/img/blackheartFill.svg');" onmouseout="hoverb(document.getElementById(imgh), '/img/blackheart.svg');">
                <img src="/img/blackheart.svg" alt="" id="imgh">
              </button>

По наведению мыши должен меняться атрибут src на указанный в вызове функции, но ничего не происходит

Answer 1

[Daemon23RUS]

document.getElementById('imgh')
Не хватает кавычек. Если закрыть глаза в целом на конструкцию

Comments

[Андрей Siderea]

Двойные кавычки не принимало, одинарные сработали, спасибо большое! Глупейшая ошибка..

[Daemon23RUS]

Андрей Siderea, ах да, у вас уже в двойных кавычках, одинарные верно будет

Answer 2

[Сергей delphinpro]

<button class="minibutton aligh-items-center"
        onmouseover="hoverb(this, '/img/blackheartFill.svg');"
        onmouseout="hoverb(this, '/img/blackheart.svg');"
>
    <img src="/img/blackheart.svg" alt="">
</button>

function hoverb(button, img) {
    button.querySelector('img').setAttribute('src', img );
}