Как я могу показать и скрыть кнопку после нажатия?

Question

Я пробовал это:

<button onclick="button_onclick()">Click me</button>

js:

button_onclick() = "this.style.visibility = 'hidden';"

Answer 1

Самый простой способ сделать

<button onclick="this.style.display = 'none'">Click me</button>

Заметка этот способ не является хорошей практикой. Сделайте это таким образом

<button id="btn"> Click me </button>
<script>
const btn = document.querySelector ('#btn');
btn.addEventListener ('click', () =>{
btn.style.display = "none"
// btn.style.visibility = "hidden"
})

</script>

Спасибо

Answer 2

У вас есть орфографическая ошибка в visibility, и вы не определяете функции в javascript.

. Вы также должны передать ссылку на элемент в качестве параметра функции.

function button_onclick(element) {
    element.style.visibility = 'hidden';
}

<button onclick="button_onclick(this)">Click me</button>

ИЛИ со встроенным js:

<button onclick="this.style.visibility = 'hidden'">Click me</button>

Answer 3

Есть три проблемы:

1. вы вызываете button_onclick() как функцию, но она не определяется как одна.
2. с использованием встроенного onclick бесполезно
3. вы ошиблись visibality. Вместо этого следует использовать visibility.

Если вы хотите обрабатывать события. лучший способ - подключить к элементу прослушиватель событий .

const myButton = document.querySelector('.my-button')

myButton.addEventListener('click', () => {
  myButton.style.visibility = 'hidden'
})

<button class="my-button">Click me</button>

Answer 4

попробуйте

function button_onclick() {
 document.getElementById("btn").style.visibility="hidden";
}

<button id="btn" onclick="button_onclick()">Click me</button>