Сравните .innerHTML со строкой

Question

У меня есть кнопка воспроизведения/паузы, и я хочу проверить, будет ли ее воспроизведение или пауза, когда пользователь нажимает на нее.

window.PlayPauseButton = document.getElementById("PlayPauseButton"); 


PlayPauseButton.onclick = function() //when you click the play or pause button 
         { 

          if(window.PlayPauseButton.innerHTML == "Pause") 
          { 
           window.PlayPauseButton.innerHTML = "Play"; 
           clearInterval(window.TheTimer); 
          } 

          else {window.PlayPauseButton.innerHTML = "Pause";} 




         }; 

Но это не сработает! Я не могу сравнивать innerHTML со строкой.

Answer 1

Вам нужно, чтобы проверить с InnerText без каких-либо innerHTML

PlayPauseButton.onclick = function() //when you click the play or pause button 
         { 

          if(window.PlayPauseButton.innerText== "Pause") 
          { 
           window.PlayPauseButton.innerText= "Play"; 
           clearInterval(window.TheTimer); 
          } 

          else {window.PlayPauseButton.innerText= "Pause";} 



         }; 

Answer 2

Если вы используете кнопку тег, попробуйте использовать вместо InnerText

if (window.PlayPauseButton.innerText == "Pause"){ 
    window.PlayPauseButton.innerHTML = "Play"; 
    clearInterval(window.TheTimer); 
} 
else { 
    window.PlayPauseButton.innerHTML = "Pause"; 
} 

Это будет работать только если вы используете < кнопку > Играть </button>.

Если вы используете < input type = "button"> вам нужно будет сравнить значение вместо innerText.