Как скрыть кнопку js

Чтобы скрыть кнопку с помощью JavaScript, можно использовать метод style.display элемента кнопки и установить значение свойства равным none. Вот пример:

<button id="myButton">Нажми меня</button>

<script>
  const button = document.getElementById("myButton");
  button.style.display = "none";
</script>

В этом примере, сначала находим кнопку с помощью метода getElementById(), а затем устанавливаем значение свойства display кнопки на none. Это делает кнопку невидимой на странице.

Также можно использовать метод setAttribute() для установки атрибута style кнопки со значением display: none;, чтобы скрыть кнопку. Вот пример:

<button id="myButton">Нажми меня</button>

<script>
  const button = document.getElementById("myButton");
  button.setAttribute("style", "display: none;");
</script>

Оба примера скрывают кнопку на странице, но первый пример использования свойства style.display более читаемый и предпочтительный способ.

Для скрытия кнопки с помощью CSS свойства visibility и JavaScript можно использовать следующий код:

HTML:

<button id="myButton">Нажми меня</button>

CSS:

#myButton {
  visibility: visible;
}

JavaScript:

const myButton = document.getElementById('myButton');
myButton.style.visibility = 'hidden';

В этом примере мы создали кнопку с идентификатором myButton и задали ей свойство visibility: visible в CSS. Затем мы выбрали эту кнопку с помощью JavaScript и задали ей свойство visibility: hidden, чтобы скрыть ее.