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

你应该制作两个按钮。

使按钮A最初可见，按钮B隐藏。 单击按钮A时，隐藏按钮A并使按钮B可见。

这一切都可以用CSS完成。查看一些jQuery教程。