Javascript按升序排列不起作用

标签 javascript html

我正在尝试使用 javascript 按升序对数字进行排序,但我被卡住了。 HTML:

<h2>JavaScript Array Sort</h2>

<p>Click the button to sort the array in ascending order.</p>

<button onclick="myFunction()">I will arrange</button>

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

</body>

JS:

var points = [7, 1, 6, 3, 5, 2];
document.getElementById("demo").innerHTML = points;    

function myFunction() {
    points.sort(function(a, b){return a - b});
    document.getElementById("demo").innerHTML = points;
}

js fiddle 链接:https://jsfiddle.net/djmayank/uef3xexk/
我没有弄错。感谢任何形式的帮助。

最佳答案

除非使用 No wrap - in <body>,否则您需要使用事件处理程序调用该函数JSFiddle 中的选项。

JS

var submit = document.querySelector('#submit')
var output = document.getElementById('demo')

var points = [40, 100, 1, 5, 25, 10];

output.innerHTML = points;

function sortArray() {
  points.sort(function(a, b) {
    return a - b
  });

  output.innerHTML = points;
}

submit.addEventListener('click', function(event) {
  event.preventDefault()

  sortArray()
})

HTML

<h2>JavaScript Array Sort</h2>

<p>Click the button to sort the array in ascending order.</p>

<button id="submit">I will arrange</button>

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

JSFiddle 演示:https://jsfiddle.net/uef3xexk/3/

关于Javascript按升序排列不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45552847/

相关文章:

javascript - 不是将 MySQL 数据从表格显示到 HTML 表格中,而是将其显示在可编辑的文本框上

javascript - 如何防止出错时调用异步回调

javascript - 带有 Flot 的样式特定条形柱

html - 换行时内联 block 中不必要的空间

html - 使 child 在父级内绝对化,但不在页面 CSS 上

javascript - 访问和更改数据值

javascript - 在 Cypress 中检查输入值是否小于 x 的正确方法是什么?

javascript - Protractor 中继器内部元件

html - 将元标记添加到 laravel 页面

php - 使用绝对路径显示图像