Я написал простую функцию, которая должна переключаться между двумя изображениями, эта функция должна срабатывать при нажатии на кнопку, но ничего не происходит при нажатии.
Я пробовал оба метода addEventListener и onclick, но ни один из них не работает.
<img id="avatar" src="dog1.jpg" alt="avatar">
<button id="button">change dog</button>
function changeDog() {
var dog = document.getElementById('avatar').scr;
if (dog == "dog1.jpg" ) {
document.getElementById('avatar').scr = "dog2.jpg";
}
else {
document.getElementById('avatar').src = "dog1.jpg";
}
}
var button = document.getElementById('button');
button.addEventListener=('click', changeDog);
Я ожидаю, что при нажатии на кнопку изображение с id = 'avatar' изменит источник с "dog1.jpg" на "dog2.jpg" и наоборот, но абсолютно ничего не происходит. Сообщение об ошибке не отображается. Я подозреваю, что это может быть глупой ошибкой, потому что я неопытный, но я поражен этим. Спасибо всем за любую помощь.