<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

</body>

</html>

<script>

    //一个班六个人，学号语文、数学、英语，接收成绩（不接受学号），输出学号成绩，总分、平均分，按总分排序

    grade();

function grade(){

    var arr = []; //定义一个数组，用来存输入的元素

    var n = parseInt(prompt("请输入人数")); //用来确定循环次数

    var classs = ["语文成绩","数学成绩","英语成绩"]; //定义一个新的数组用来确定数组中的数组元素

    for(var i = 0 ;i<n;i++){  //多少个人循环多少次

        var brr = []; //定义一个新的二维数组

        brr[0] = prompt("请输入"+(i+1)+"姓名"); //

        for(var j = 1;j<=classs.length;j++){

            brr[j] = parseInt(prompt("请输入"+brr[0]+"的"+classs[j-1]));

        }

        arr[i] = brr; //每循环一次在数组的后面添加一个元素（数组），并赋值

    }

//    console.log(arr);

    //把平均分和总分添加到数组后面

    for(var i = 0; i<arr.length; i++){  //遍历这个数组

      var zf = arr[i][1]+arr[i][2]+arr[i][3];   // 给总分定义

        arr[i][arr[i].length] = zf/classs.length; //每循环一次在这个数组后面添加一个（总分除以这个新的数组的长度得出平均分）数组元素

        arr[i][arr[i].length] = zf;  ////每循环一次在这个数组后面添加一个元素（总分）数组元素

    }

    console.log(arr);

//    下降排序  按照总分排序

    for(var i =0;i<arr.length;i++) {

        for(var k = 0; k < arr.length-i-1; k++){

            if(arr[k+1][5]>arr[k][5]){

                 var s = arr[k];

                 arr[k]=arr[k+1];   //从这开始交换位置

                 arr[k+1]=s;

            }

        }

    }

    //加入到表格中

    var str = `<table width="50%" border="1px"><tr>

        <tr>

            <th>学号</th>

            <th>语文</th>

            <th>数学</th>

            <th>英语</th>

            <th>平均分</th>

            <th>总分</th>

        </tr>`;

    for(var i = 0; i<arr.length; i++){

        str += `<tr>`;

        for(var j = 0 ; j<arr[i].length;j++){

            str += '<td>'+arr[i][j]+'</td>';

        }

        str += `</tr>`;

    }

    str += `</table>`;

    console.log(arr);

    document.write(str);

}

</script>

一个班六个人，学号语文、数学、英语，接收成绩（不接受学号），输出学号成绩，总分、平均分，按总分排序（原生JS）的更多相关文章

  1. c#部分---输入班级人数，输入语文数学英语成绩，打印语文前两名，数学后两名，英语平均分

    1.开始收集输入项 2.用冒泡排序,统计语文成绩,并附带把语数英三门课全排列 3.数学成绩排序,附带把三门课全排序‘ 4.最后算英语的平均分:

  2. sqlserver 行转列 语文,数学,物理,化学

    数据库查询行转列 1.原数据库值 stdname stdsubject result 张三 语文 张三 数学 张三 物理 李四 语文 李四 数学 李四 物理 李四 化学 李四 化学 2.要得到如下表 ...

  3. 当向计算机中存入一个float类型的数值2.2 后，在从计算机中读出输出，这时2.2 的值已经发生了变化(转)

    problom : 'f1' value hava been changed when output. reason : the binary repersentation of 2.2f is : ...

  4. 原生js写的一个弧形菜单插件

    弧形菜单是一种半弧式或者全弧形菜单,是一种不同于传统横向或者竖向菜单形式的菜单.最近在网上看到好多人写出了这种效果,于是也尝试自己写了一个. 实现方式:原生态js 主要结构: 1.参数合并 var d ...

  5. 使用原生JS实现一个风箱式的demo，并封装了一个运动框架

    声明,该DEMO依托于某个培训机构中,非常感谢这个培训结构.话不多说,现在开始改demo的制作. 首先,在前端的学习过程中,轮播图是我们一定要学习的,所以为了更加高效的实现各种轮播图,封装了一个运动的 ...

  6. 原生JS中apply()方法的一个值得注意的用法

    今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { &q ...

  7. 使用原生js与jQuery分别实现一个简单的tab页签

    tab页签通常适用于空间有限而内容较多同时兼顾页面美观度不给用户一种信息过量视觉疲劳的情形.使用面非常广,下面我们用两种方法简单实现之. 首先,构建页面元素.页签的可点击部分我们通常用列表来承载,包括 ...

  8. 一个简单用原生js实现的小游戏----FlappyBird

    这是一个特别简单的用原生js实现的一个小鸟游戏,比较简单,适合新手练习 这是html结构 <!DOCTYPE html><html lang="en">&l ...

  9. 4．写一个控制台应用程序，接收一个长度大于3的字符串，完成下列功能： 1）输出字符串的长度。 2）输出字符串中第一个出现字母a的位置。 3）在字符串的第3个字符后面插入子串“hello”，输出新字符串。 4）将字符串“hello”替换为“me”,输出新字符串。 5）以字符“m”为分隔符，将字符串分离，并输出分离后的字符串。 */

    namespace test4 {/* 4．写一个控制台应用程序,接收一个长度大于3的字符串,完成下列功能: 1)输出字符串的长度. 2)输出字符串中第一个出现字母a的位置. 3)在字符串的第3个字符 ...

随机推荐

  1. vim 正则表达式获取双引号中的字符

    vim 正则表达式获取双引号中的字符   1.获取双引号中的字符 :%s/.*\".∗\".*/\1/ 2.用字符串建立标签 如 hello  <hello></ ...

  2. day22_6-re模块

    # 参考资料:# python模块(转自Yuan先生) - 狂奔__蜗牛 - 博客园# https://www.cnblogs.com/guojintao/articles/9070485.html ...

  3. <a>标签的SEO优化细节

    <a>标签的SEO优化细节 如果需要在新窗口中打开链接,我们使用的方法是在a上加上taget=“_blank”,但很多人不知道这是不符合w3c的规范的,在使用严格的DOCTYPE(xhtm ...

  4. 分布式日志收集之Logstash 笔记（一）

    (一)logstash是什么? logstash是一种分布式日志收集框架,开发语言是JRuby,当然是为了与Java平台对接,不过与Ruby语法兼容良好,非常简洁强大,经常与ElasticSearch ...

  5. 一个tcp连接可以发多少http请求

    -----来自:松若章 -----zhuanlan.zhihu.com/p/61423830 曾经有这么一道经典面试题:从 URL 在浏览器被被输入到页面展现的过程中发生了什么?相信大多数准备过的同学 ...

  6. spring：bean的细节之三种创建Bean对象的方式

    <!--创建Bean的三种方式--><!--第一种方式,使用默认构造函数创建 在spring的配置文件中使用bean标签,配以id和class属性之后,且没有属性和标签时. 采用的就 ...

  7. 廖雪峰Java13网络编程-3其他-2RMI远程调用

    1.RMI远程调用: Remote Method Invocation 目的:把一个接口方法暴露给远程 示例: 定义一个接口Clock,它有一个方法能够获取当前的时间,并编写一个实现类,来实现这个接口 ...

  8. js获取base64格式图片预览上传并用php保存到本地服务器指定文件夹

    html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  9. 解决python中import时无法识别自己写的包和模块的方法

    我们用pycharm打开自己写的代码,当多个文件之间有相互依赖的关系的时候,import无法识别自己写的文件,但是我们写的文件又确实在同一个文件夹中, 这种问题可以用下面的方法解决: 1)打开File ...

  10. Cocos2d-x发布Android.mk 导入所有cpp

    #traverse all the directory and subdirectorydefine walk $(wildcard $(1)) $(foreach e, $(wildcard $(1 ...