<form>
  请输入任意个数字，输入一个数字之后按空格键继续<br>
  <lable id="counter"></lable>
  <input type="text" name="number" id="number" size="20" onKeyDown="getNumber()">
  <input type="button" name="sort" value="排序" onClick="sortNumbers()">
  <div id="numbers"></div>
</form>

<script type="text/javascript">
    var counter=1;
    var strNumbers=new String();
    document.getElementById("counter").innerText="输入第"+counter+"个数：";

    //获取新输入的数据
    function getNumber(){
        //在文本框中输入数字，按空格键继续
        //按空格键后，读取文本框中的数字，之后清空文本框，并重新设置文本框焦点
        if(event.keyCode==32){
            strNumbers+=document.getElementById("number").value;
            counter++;
            strNumbers+=",";
            document.getElementById("numbers").innerHTML=strNumbers;
            document.getElementById("counter").innerText="输入第"+counter+"个数：";
            document.getElementById("number").value="";
            document.getElementById("number").focus();
        }
    }

    //将输入的数据存入数组并排序
    function sortNumbers(){
        var arr=strNumbers.split(",");
        //使用“冒泡法”对输入的数据进行排序
        for(var i=0;i<arr.length-1;i++){
            for(var j=i+1;j<arr.length;j++){
                //大数和小数交换位置
                var tempmax=Math.max(arr[i],arr[j]);
                var tempmin=Math.min(arr[i],arr[j]);
                arr[i]=tempmax;
                arr[j]=tempmin;
            }
        }

        //将数组转换为字符串
        document.getElementById("numbers").innerHTML=arr.join(",");
    }
    
</script>