Как изменить текст кнопки при нажатии на JavaScript?

Только начал JS пару дней назад, и у меня уже возникли проблемы, когда вы переключаетесь на работу. Я хочу кнопку для переключения между on и off при нажатии.

function click() {
  var change = document.getElementById("toggle");
  if (change.innerHTML == "on"); {
    change.innerHTML = "off";
  } else {
    change.innerHTML = "on";
  }
}
<button type="button" id="toggle" onClick="click()">on</button>

Так я должен это делать?

2
задан elmo330 20 февр. '15 в 5:41
источник поделиться
4 ответов

попробуй это

<!DOCTYPE html>
<html>
    <body>

        <button id="toggle" onclick="myFunction()">on</button>

        <script>

            function myFunction() {
                var change = document.getElementById("toggle");
                if (change.innerHTML == "on")
                {
                    change.innerHTML = "off";
                }
                else {
                    change.innerHTML = "on";
                }
            }

        </script>
    </body>
</html>

определите, что ваша функция будет уникальной, как всегда, и не используйте функцию javascript/зарезервированные слова только рекомендацию/предложение

2
ответ дан Oli Soproni B. 20 февр. '15 в 6:50
источник поделиться

У вас есть ошибка в инструкции if, после запятой нет точки с запятой, напишите код как показано ниже

 <button name="toggle" id="toggle" onclick="myFunction()">on</button>

            <script>

                function myFunction() {
                    var change = document.getElementById("toggle");
                    if (change.innerHTML == "on")
                    {
                        change.innerHTML = "off";
                    }
                    else {
                        change.innerHTML = "on";
                    }
                }

            </script>
1
ответ дан varad mayee 20 февр. '15 в 7:23
источник поделиться

Вы можете сделать это:

<button type = "button" id= "toggle" onClick = "click()">on</button>


function click()
{
    var change = document.getElementById("toggle");
    if (change.value == "on")
    {
        change.value = "off";
    }
    else 
    {
      change.value = "on";
    }
}

или путем этого:

function click()
{
    if (this.value=="on")
    {
        this.value = "off";
    }
    else 
    {
         this.value = "on";
    }
}
0
ответ дан loan.burger 20 февр. '15 в 5:45
источник поделиться

Это сработает для вас

function myFunction()
    {
        var change = document.getElementById("toggle");
        if (change.value=="off") change.value = "on";
        else change.value = "off";
    }

для кнопки

<input type="button" value="on" id="toggle" onclick="myFunction()">
0
ответ дан mayuresh patil 08 дек. '16 в 21:56
источник поделиться

Другие вопросы по меткам или Задайте вопрос