做的练习题，有没有会的解答一下

img


咋解决，sort（）会，但怎么弄成输入字符 然后它自己排列，有没有会的解答一下，最好有代码然后给点注释

先把输入框里的数塞进数组里，然后sort


<!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>

    <input type="text" class="input1">-
    <input type="text" class="input2">-
    <input type="text" class="input3">-
    <input type="text" class="input4">-
    <input type="text" class="input5">
    <button class="btn" onclick="getValue()">提交</button>
    <script>
        // 定义一个数组
        var arr = [];

        // 获取输入框的个数
        var ele = document.querySelectorAll("input[type=text]")
        // 输出测试有没有获取到input元素
        // console.log(ele);

        // 定义方法，点击的时候获取输入框的值
        function getValue() {
            // 循环input，把输入的值放入到定义的数组中
            for (var i = 0; i < ele.length; i++) {
                // 定义一个变量存储input的值
                var value = ele[i].value;
                // 把input的值push进去数组
                arr.push(value);
            }
            // 输出数组测试有没有获取到数据
            // console.log(arr);

            // 运用sort方法做排序，res1 相当于一个新的数组，用于存放排序后的数组
            var res1 = arr.sort(function (prev, next) {
                // 前一个 - 后一个 为升序
                // 后一个 - 前一个 为降序
                return prev - next;// 升序
            })

            // 输出数组
            console.log(res1);
        }

    </script>
</body>

</html>