代码之家 › 专栏 › 技术社区 › djmayank

Javascript按升序排列不起作用

html javascript

djmayank · 技术社区 · 9 年前

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

2 回复 | 直到 9 年前

Miguel 9 年前

除非使用 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>

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

Willie 9 年前

否则,你想要

document.getElementById("demo").innerHTML = points;

// example onload on body
<bodyÂ onload="initalDemoInnerHtml()">

// js code
function initalDemoInnerHtml() {
  document.getElementById("demo").innerHTML = points;
 }

myFunction()应在与上述代码相同的脚本标记中定义。

<script type="text/javascript">
  var points = [7, 1, 6, 3, 5, 2];
  function initalDemoInnerHtml() {
   document.getElementById("demo").innerHTML = points;
  }
  function myFunction() { 
   points.sort(function(a, b){return a - b});
   document.getElementById("demo").innerHTML = points; 
  }
</script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前