button - ボタンが 2 回クリックされたときに何かを行う

Question

ボタンをクリックすると、「表示しない」というメッセージが表示されるようにする必要があります。2 回クリックすると、元のメッセージ「表示」に戻ります。私がすでにそれを行った最初のことは、2番目のクリックである2番目のことについてのみ助けが必要です.

function show()
{
    document.myform.button.value ="Hide";//Changes message on button when clicked.
    document.myform.button.innerHTML= "Hide";
}

<form>
<input type=button value= "Show" name="button" id= "idButton"
onClick="show()">
</form>

Answer 1

function show(button)
{
    if(button.hidden)
         button.hidden = false
         document.myform.button.value ="Show";//Changes message on button when clicked.
         document.myform.button.innerHTML= "Show";
    else {
         button.hidden = true
         document.myform.button.value ="Hide";//Changes message on button when clicked.
         document.myform.button.innerHTML= "Hide";
    }
}

<form>
<input type=button value= "Show" name="button" id= "idButton"
onClick="show(this)">
</form>