<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="show"></div>
<button id="btn">↓</button>
<button id="btn2">↑</button>
<script>
var www=[1,17,7,3,2,23];
var show=document.getElementById("show");
var btn=document.getElementById("btn");
var btn2=document.getElementById("btn2");
//定义函数
function clearAfterRender(data){ //定义函数的时候括号里的参数叫形式参数(形参) 好处是,便于修改，便于维护，便于管理
show.innerHTML="";
for(var i=0;i<data.length;i++){
show.innerHTML+=data[i]+"<br />";
}
}
function bubble(data){ //冒泡法
for(var n=0;n<data.length-1;n++){
for(var j=0;j<data.length-1-n;j++){
if(data[j]<data[j+1]){
var t=data[j];
data[j]=data[j+1];
data[j+1]=t;
}
}
}
}
clearAfterRender(www);//调用（执行）函数
btn.onclick=function(){
bubble(www);
clearAfterRender(www); //调用的时候括号里的写的是实际参数(实参)
}
btn2.onclick=function(){
www.reverse();
clearAfterRender(www);
}
</script>
</body>
</html>