JavaScript работает не корректно

Question

сейчас я практикуюсь в сфере JavaScript, пробую всякие простые задачки.

В одной из задачек было указано создать кнопку которая будет убирать класс у объекта тем самым отображая его.

Идея была в том что по нажатии кнопки класс "hidden" у объекта убирается. Но что то пошло не так, а именно ничего не происходит.

var image = document.querySelector("image");
var open_image = document.querySelector(".open-button");

var openImage = function() {
  open_image.classList.remove("hidden");
};

if (open_image) {
  open_image.addEventListener("click", function() {
    openImage();
  });
}

.hidden {
  display: none;
}

.body {
  max-height: 1000px;
  max-width: 500px;
}

.open-button {
  display: flex;
}

.image {
  align-items: center;
}

<button class="open-button">Открыть</button>
<img src="C:\Users\Pupochek\Desktop\magazin\123.jpg" class="image hidden">

Буду очень благодарен за помощь.

Answer 1

var image = document.querySelector(".image");
var open_image = document.querySelector(".open-button");

var openImage = function () {
  image.classList.remove("hidden");
};

if (open_image) {
  open_image.addEventListener("click", function () {
    openImage();
  });
}

БЛОГ НА HUSL

JavaScript работает не корректно

Ответы (1 шт):