Changing button text onclick

Question

When I click on myButton1 button, I want the value to change to Close Curtain from Open Curtain.
HTML:

<         


        

Answer 1

If you prefer binding your events outside the html-markup (in the javascript) you could do it like this:

document.getElementById("curtainInput").addEventListener(
  "click",
  function(event) {
    if (event.target.value === "Open Curtain") {
      event.target.value = "Close Curtain";
    } else {
      event.target.value = "Open Curtain";
    }
  },
  false
);