Html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="box" οnclick="panduan()">
<p>例如 : “张三、123、王五、李四、250”</p>
<div id="result"></div>
</div>
</body>
</html>
Css部分
* {
margin: 0;
padding: 0;
}
#box {
width: 30%;
height: 300px;
margin: 100px auto;
border: solid 1px #ccc;
padding-top: 100px;
}
#box div {
margin: 20px auto;
text-align: center;
}
p {
text-align: center;
}
Js部分
function panduan() {
var result = document.getElementById('result');
var arr1=[];
for(var i=0;i<5;i++){
arr1[i]=prompt('请输入第'+(i+1)+'个数',"")
}
// 方法一
// var arr2=[];
// for(var j=0;j<arr1.length;j++){
// arr2[j]=arr1[j];
// }
// for(var k=0;k<arr2.length/2;k++){
// var t=arr2[k];
// arr2[k]=arr2[arr2.length-k-1];
// arr2[arr2.length-k-1]=t;
// }
// result.innerHTML = arr2;
// 方法二
var arr3=[];
for(var x=0;x<arr1.length;x++){
arr3[x]=arr1[x];
}
result.innerHTML = arr3.reverse();
}
