CODEWITHSUNDEEP
javascripthtml
Ignat
Ignat

Reputation: 3

How to properly use button toggle function

button1Toggle() function doesn't seem to work. Text in the button doesn't change. Can't find the bug.

 function button1Toggle() {
    if (document.myform.button1.value == "Mute") {
         document.myform.button1.value = "Unmute";
      } else {
         document.myform.button1.value = "Mute";
      }
    }
<div>Tablet</div><br>
<form name ="myform">
    <input type="button" name="button1" id="button1" value="Mute" onclick="button1Toggle()">
</form>

Upvotes: 0

Views: 49

Answers (1)

TamarG
TamarG

Reputation: 3570

Maybe you have another button with the same id?

Try - 

function button1Toggle(btn) {
    if (btn.value == "Mute") {
        btn.value = "Unmute";
    } else {
        btn.value = "Mute";
    }
}


 <div>Tablet</div><br>
     <form name ="myform">
        <input type="button" name="button1" id="button1" value="Mute" onclick="button1Toggle(this)">
    </form>

Upvotes: 1

Related Questions