Как заставить выполняться 2 часть кода?

Question

[fanus]

let closeSquare = document.querySelector(".wrap__btn");
let sqr = document.querySelector(".wrap__square");

// 1 часть
closeSquare.onclick = function () {
  sqr.style.visibility = "hidden";
  closeSquare.textContent = "Показать квадрат";
};
e.preventDefault();

// 2 часть
closeSquare.onclick = function () {
  sqr.style.visibility = "visible";
  closeSquare.textContent = "Скрыть квадрат";
};

Answer 1

[Алексей Уколов]

Вместо onclick следует использовать addEventListener.

Но в вашем случае, однако, можно обойтись и onclick - вся ваша логика должна быть в одном обработчике, просто запускаться по очереди то одна, то другая её ветка.

Answer 2

[fanus]

const but = document.querySelector('.btn6');
const sqr6 = document.querySelector('.square6');

but.addEventListener('click', () => {
  if (sqr6.classList.toggle('hide')) {
    but.textContent = 'Показать';
  }
  else {
    but.textContent = 'Скрыть';
  }
});