功能:
1、输入人数,点击提交,跳出相应人数次数的弹框,并输入成绩
2、输入完成绩后,自动计算总成绩、最高成绩、最低成绩 、平均值、以及成绩从小到大排序
先贴页面结构代码
代码如下
// 获取DOM元素
var num = document.getElementById("num");
var sum = document.getElementById("sum");
var btn = document.getElementById("btn");
var max = document.getElementById("max");
var min = document.getElementById("min");
var avg = document.getElementById("avg");
var sortScore = document.getElementById("sortScore");
// 给提交按钮注册点击事件
btn.onclick = function () {
popNum = num.value;
// 声明数组用于存储成绩
var result = [];
var index;
var total = 0;
var temp = 0;
var a,b;
// 根据获取input的值来确定弹窗的次数
for(var i = 0; i < popNum ; i++) {
result.push(Number(prompt("请输入你的成绩")));
console.log(result);
}
console.log(result);
for(var j = 0; j < result.length;j++) {
console.log(total);
// 计算最大值
if(result[0]<result[j]) {
// index = result[0];
a = result[0];
result[0] = result[j];
result[j] = a;
}else if (result[result.length-1]>result[j]) {
b = result[result.length-1];
result[result.length-1] = result[j];
result[j] = b;
}
// 成绩相加
total += result[j];
}
// console.log(result);
// 总成绩
sum.value = total;
// 最大值
max.value = result[0];
// 最小值
min.value = result[result.length-1];
// 平均值
avg.value = total/i;
// 从小到大排序
for(var c = 0 ;c < result.length-1 ; c++) {
for(var d = 0; d < result.length-1-c; d++ ) {
if(result[d] < result[d+1]) {
temp = result[d];
result[d] = result[d+1];
result[d+1] =temp;
}
}
}
// console.log(result[d+1]);
sortScore.value = result;
// console.log(total);
}