Javascript: Как сменить кнопку на другую кнопку?

Question

Если бы я хотел взять кнопку и изменить ее, нажав на другую кнопку с помощью javascript, как бы написать это в коде?

Это все, что я до сих пор, но его недействительным:/

var change = document.getElementById("fire") === document.getElementById("water"); 

Answer 1

HTML-:

<button onclick="myFunction()" id="fire">fire</button> 
<button id="water" style="visibility:hidden">water</button> 

JS:

function myFunction() 
{ 

document.getElementById("fire").style.visibility = 'hidden'; 
document.getElementById("water").style.visibility = 'visible'; 
} 

Answer 2

вы должны сделать две кнопки.

Сделать кнопку Видимая изначально, кнопка B скрыта. Когда нажата кнопка A, скройте кнопку A и сделайте кнопку B видимой.

Все это можно сделать с помощью CSS. Ознакомьтесь с некоторыми учебниками jQuery.