Как переименовать кнопку при ее нажатии?

Question

[mrzgt]

Как переименовать кнопку при ее нажатии?

<input type="button" value="open" onclick="cll(document.getElementById('rew'))" />

function cll(form) {
        if (form.style.display == "none") {
            form.style.display = "block";
        } else {
            form.style.display = "none";
        }

    }

Answer 1

[doctorcat]

codepen.io/doctorCat/pen/JbPjBG

<input type="button" value="open" onclick="(this.value=='open') ? this.value='close' : this.value='open'" />

Answer 2

[Сергей Мельников]

<button onclick="cll(event, '#rew')">Open</button>
<script>
  function cll(event, selector) {
    var form = document.querySelector(selector)
    if (form.style.display == "none") {
      form.style.display = "block"
    } else {
      form.style.display = "none"
    }
    event.target.textContent = "New button text"
  }
</script>

Comments

[mrzgt]

В таком варианте если нажать на "Open" надпись меняется на "New button text", но если потом нажать на "New button text" надпись не меняется назад на "Open"

[Сергей Мельников]

mrzgt: об этом не было сказано, говорилось только про смену текста, что подразумевает единожды поменять текст
Правильно заданный вопрос содержит в себе большую часть решения

Answer 3

[tnnmi]

Нужно подписаться на событие keydown:
your_button_obj.onkeydown=function(){this.value='new name';};