如何将播放/暂停图标切换替换为文本

<span id="playPauseButton"></span>

#playPauseButton {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #000;
  cursor: pointer;
}

var isPlaying = false;
var playPauseButton = document.getElementById("playPauseButton");

function togglePlayPause() {
  isPlaying = !isPlaying;
  updatePlayPauseButton();
}

function updatePlayPauseButton() {
  playPauseButton.textContent = isPlaying ? "暂停" : "播放";
}

playPauseButton.addEventListener("click", togglePlayPause);