通过单击按钮以 6 角升序降序排列 - Javascript

这是一个使用 JavaScript 实现的功能，通过单击按钮，将一个6面体数组以升序或者降序排列。

实现步骤

首先，你需要在 HTML 文件中创建一个按钮：

<button id="sort-btn">Sort</button>

然后，在 JavaScript 中获取该按钮，并且添加一个点击事件的监听器：

var sortBtn = document.getElementById("sort-btn");
sortBtn.addEventListener("click", sortArray);

在事件监听器中，我们需要编写 sortArray 函数来进行排序。这个函数可以使用 JavaScript Array.sort() 方法来排序数组。为了达到升序或者降序的效果，我们需要判断当前是升序还是降序状态：

var isAscending = true;

function sortArray() {
  if (isAscending) {
    array.sort(function(a, b) {
      return a - b;
    });
    isAscending = false;
  } else {
    array.sort(function(a, b) {
      return b - a;
    });
    isAscending = true;
  }
}

在上面的代码中，我们定义了一个布尔变量 isAscending 来表示当前是升序还是降序状态。如果是升序状态，我们将 array 数组升序排序（通过返回 a - b）并且把 isAscending 改为 false。否则，我们将 array 数组降序排序（通过返回 b - a）并且把 isAscending 改为 true。

结论

通过以上步骤，我们就可以实现通过单击按钮以 6 角升序降序排列的功能了！完整的代码如下：

<button id="sort-btn">Sort</button>

<script>
var sortBtn = document.getElementById("sort-btn");
sortBtn.addEventListener("click", sortArray);

var array = [1, 3, 5, 2, 4, 6];
var isAscending = true;

function sortArray() {
  if (isAscending) {
    array.sort(function(a, b) {
      return a - b;
    });
    isAscending = false;
  } else {
    array.sort(function(a, b) {
      return b - a;
    });
    isAscending = true;
  }
  
  console.log(array);
}
</script>

通过控制台输出我们可以看到排序的数组结果。