sort.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="myFunction1()"> Sort Alphabetically</button>
    <button onclick="myFunction2()"> Sort Numerically</button>

    <p id="demo"></p>

    <script>
        const points = [40, 100, 1, 5, 25, 10];
        document.getElementById("demo").innerHTML = points;

        function myFunction1() {
  points.sort();
  document.getElementById("demo").innerHTML = points;


        }

        function myFunction2(){
            points.sort(function(a,b){return a - b })
            document.getElementById("demo").innerHTML = points;
        }
    </script>

</body>
</html>