Как поменять иконку при нажатии на кнопку в javascript?

1
2
3

<button id="myButton">
  <i id="icon" class="fa fa-toggle-off"></i>
</button>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

var button = document.getElementById("myButton");
var icon = document.getElementById("icon");

button.addEventListener("click", function() {
  if (icon.classList.contains("fa-toggle-off")) {
    // Если текущая иконка - fa-toggle-off, то меняем на fa-toggle-on
    icon.classList.remove("fa-toggle-off");
    icon.classList.add("fa-toggle-on");
  } else {
    // Если текущая иконка - fa-toggle-on, то меняем на fa-toggle-off
    icon.classList.remove("fa-toggle-on");
    icon.classList.add("fa-toggle-off");
  }
});