Changing button text onclick

by

If I’ve understood your question correctly, you want to toggle between ‘Open Curtain’ and ‘Close Curtain’ — changing to the ‘open curtain’ if it’s closed or vice versa. If that’s what you need this will work.

function change() // no ';' here
{
    if (this.value=="Close Curtain") this.value = "Open Curtain";
    else this.value = "Close Curtain";
}

Note that you don’t need to use document.getElementById("myButton1") inside change as it is called in the context of myButton1 — what I mean by context you’ll come to know later, on reading books about JS.

UPDATE:

I was wrong. Not as I said earlier, this won’t refer to the element itself. You can use this:

function change() // no ';' here
{
    var elem = document.getElementById("myButton1");
    if (elem.value=="Close Curtain") elem.value = "Open Curtain";
    else elem.value = "Close Curtain";
}

More Related Contents:

  1. Javascript – Dynamically assign onclick event in the loop
  2. Change Button color onClick
  3. Attribute onclick=”function()” not functioning as intended?
  4. JavaScript button onclick not working
  5. Disable a part of JavaScript code [closed]
  6. How to get children id when I click the parent?
  7. Show/hide ‘div’ using JavaScript
  8. How to call multiple JavaScript functions in onclick event?
  9. How do I add a simple onClick event handler to a canvas element?
  10. React onClick function fires on render
  11. Get the contents of a table row with a button click
  12. Javascript Confirm popup Yes, No button instead of OK and Cancel
  13. HTML tag want to add both href and onclick working
  14. Javascript onclick function is called immediately (not when clicked)?
  15. Onclick javascript to make browser go back to previous page?
  16. Why my show hide button needs double-click on first time
  17. Including both href and onclick to HTML tag
  18. How can I disable HREF if onclick is executed?
  19. Howto: div with onclick inside another div with onclick javascript
  20. Call two functions from same onclick [duplicate]
  21. Hiding a button in Javascript
  22. Setting a button’s value using javascript
  23. Disable button whenever a text field is empty dynamically
  24. Change value of input and submit form in JavaScript
  25. Javascript click event listener on multiple elements and get target ID
  26. How to change button text or link text in JavaScript?
  27. Form submit button will not submit when name of button is “submit” [duplicate]
  28. onclick calling hide-div function not working
  29. Change text color with Javascript?
  30. onclick=”location.href=’link.html'” does not load page in Safari

Leave a Comment