На щелчке, изменение изображения. Изображение исчезает вместо появления (JavaScript, HTML, CSS) ⇐ Html

[Anonymous]

Я пытаюсь сделать так, чтобы, когда вы нажимаете на изображение 1, появляется изображение 2. < /p>
Прямо сейчас изображение 2 всегда видно, и если вы нажимаете на изображение 1 2 исчезает. Также изображение 2 не позволит мне изменить его положение, но изображение 1 будет?

Код: Выделить всё

var barImage = document.querySelector('#bartender img');
barImage.onclick = function() {
var drinkImage = document.querySelector('#drink img');
if(barImage.style.display = 'none') {
(drinkImage.style.display = 'visible');
} else {
drinkImage.setAttribute (drinkImage.style.display = 'none');
}
}< /code>
#bartender {
position: absolute;
top: 20.5px;
left: 743px;
}

#drink {
position: absolute;
top: 100px;
left: 100px;
}< /code>

[img]intro/Untitled1095_20250217004721.png[/img]

[img]intro/Untitled1098_20250217153316.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/794 ... script-htm