11.2.11 max方法.html

即学即用JavaScript核心对象参考手册原版光盘

<form>
   请输入任意个数字,输入一个数之后按空格继续<br>
   <label id="counter"></label>
   <input type="text" name="number" size="4"  onKeyDown="getNumber()"/>
   <input type="button" value="排序" onClick="sortNumbers()" />
   <div id="numbers"></div>
</form>
<script>
    var counter=1;
	var strNumbers="";
	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-1;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>