<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
//點擊按鈕,出發so方法
function so(){
//根據標簽名,批量獲取輸入對象
var inps = document.getElementsByTagName("input");
//創建一個數組,用來儲存輸入對象的值
var inpsValue=new Array();
//將輸入對象的值儲存到該數組中,因按鈕也是input標簽,需要-1去除該值
for(var i=0;i<inps.length-1;i++){
//利用push方法往數組中添加元素
inpsValue.push(inps[i].value);
}
//給數組中的元素按從大到小排序
inpsValue.sort(function(a,b){
return a-b;
});
//將排序后的值返回給輸入對象
for(var k=0;k<inpsValue.length;k++){
inps[k].value=inpsValue[k];
}
}
</script>
</head>
<body>
請輸入第一個數字<input type="text" id="text1"/><br />
請輸入第二個數字<input type="text" id="text2"/><br />
請輸入第三個數字<input type="text" id="text3"/><br />
<input type="button" onclick="so()" value="排序"/><br />
</body>
</html>