JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <h4>Click the button to sort the Array.</h4>
</div>

<div>
  <input type="button" onclick="asc()" value="Ascending">
</div>
<div>
  <input type="button" onclick="desc()" value="Descending">
</div>

<div>
  <h4><span id="srt"></span></h4>
</div>

JavaScript

var arr = new Array(1, 10, 8, 56, 12, 45);
document.getElementById("srt").innerHTML = arr;

function asc() {
  arr.sort(function(a, b) {
    return a - b;
  })
  document.getElementById("srt").innerHTML = arr;
}

function desc() {
  arr.sort(function(a, b) {
    return b - a;
  })
  document.getElementById("srt").innerHTML = arr;
}