Как я могу переключаться между стрелкой вниз и стрелкой вверх на кнопке?

Question

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

Я пробовал это, но....

<button onclick="sortTable(1)" id="up_down" type="button" class="button button2">Sort table<i class="fa fa-fw fa-sort-asc"></i></button>

Answer 1

Я использую последнюю версию шрифта, классную документацию, я не мог видеть fa-sort-asc поэтому вместо этого я использую fa-sort-up,

function sortTable() {
  const ascending = false; // change the value to your sorting method to check if it's ascending or descending.
  const i = document.getElementById("up_down").getElementsByTagName("i")[0]
  i.classList.remove("fa-sort-up", "fa-sort-down");
  if (ascending) {
    i.classList.add('fa-sort-up');
    return;
  }

  i.classList.add('fa-sort-down');
}

Скрипка: https://jsfiddle.net/k6bxyps3/