javascript - 如何从输入中获取数字并按从大到小的顺序排列

标签 javascript html forms

我如何将数字从最大到最小组织起来 这就是我所拥有的:

<label for="">Numbers</label><br><br>
    <input type="text" id="Number"><br><br>
    <button  type="button" name="button" onclick="test()">Submit</button>




function test() {
var numbers = document.getElementById("Number").value;
function myFunction() {
    numbers.sort(function(a, b){
      return a-b
    });
    console.log(numbers);
}
}

谢谢

最佳答案

document.getElementById("Number").value 的内容是一个字符串。如果您想对字符串中的数字进行排序,您应该拆分该字符串(例如,按空格),然后对数组进行排序。

一旦获得排序后的数组 - 您可以再次创建该字符串(使用 join 函数)。

检查这个例子:

function test() {
  var numbers = document.getElementById("Number").value;
  sorted = numbers.split(" ").sort(function(a, b){
    return a-b
  });
  console.log(sorted.join(" "));
}
<label for="">Numbers</label><br><br>
<input type="text" id="Number"><br><br>
<button  type="button" name="button" onclick="test()">Submit</button>

Note that the Array.prototype.sort function doesn't work inplace - it returns a new array with the values sorted inside.

关于javascript - 如何从输入中获取数字并按从大到小的顺序排列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41202246/

相关文章:

php - 在 php 中创建组合框时 Onchange 事件的语法

javascript - 以编程方式模拟点击/更改 aria (netflix) slider 的值

jquery - 从表单输入类型 ="submit"打开 Fancybox(或等效项)

javascript - 在 JavaScript 中播放流式音频

html - css 将元素定位在屏幕外但滚动条仍然存在

html - div 关闭问题,它的 href 溢出到其他内容

html - CSS:字体语句导致行高不起作用

php - 使用 php 在输入字段中插入值

Django : Validate data by querying the database in a model form (using custom clean method)

javascript - 如何使用 Vue 为 VSCode 创建扩展