如何创建一个按升序和降序排序的按钮？

<button id="sortButton">排序</button>

// 获取按钮元素
var sortButton = document.getElementById("sortButton");

// 定义排序状态变量，默认为升序
var isAscending = true;

// 按钮点击事件处理函数
sortButton.addEventListener("click", function() {
  // 获取需要排序的数据（假设为一个数组）
  var data = [4, 2, 1, 3];

  // 根据排序状态进行升序或降序排序
  if (isAscending) {
    data.sort(function(a, b) {
      return a - b;
    });
  } else {
    data.sort(function(a, b) {
      return b - a;
    });
  }

  // 更新排序状态
  isAscending = !isAscending;

  // 打印排序结果
  console.log(data);
});

#sortButton {
  padding: 10px 20px;
  background-color: #f0f0f0;
  border: none;
  cursor: pointer;
}

#sortButton:hover {
  background-color: #e0e0e0;
}