静态网页的一个问题,希望有人可以解答

编写一个静态页面,输入若干名学生成绩信息。注:一个学生的学习成绩信息如下:

学生学号、学生姓名、课程名称、成绩

输入完成后,点击提交命令按扭,提交输入的成绩。点击提交命令按扭后,弹出对话框,显示输入成绩个数及每名学生成绩信息。

你题目的解答代码如下:(如有帮助,望采纳!谢谢! 点击我这个回答右上方的【采纳】按钮)

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

学生学号:<input type="text" id="xh" value="" /><br />
学生姓名:<input type="text" id="xm" value="" /><br />
课程名称:<input type="text" id="kc" value="" /><br />
成绩:<input type="text" id="cj" value="" /><br />
<input type="button" value="确定输入" onclick="ok();" />
<pre id="text"></pre>
<input type="button" value="提交" onclick="submit();" />
<script type="text/javascript">
var str = "";
function ok() {
    var xh = document.getElementById("xh").value;
    var xm = document.getElementById("xm").value;
    var kc = document.getElementById("kc").value;
    var cj = document.getElementById("cj").value;
    str += "学号:"+xh+" ";
    str += "姓名:"+xm+" ";
    str += "课程:"+kc+" ";
    str += "成绩:"+cj+"\n";
    document.getElementById("text").innerText=str;
}
function submit() {
    alert(str);
}
</script>
</body>
</html>

你找个表单模块用来添加学生信息,将其存入数组中,最后显示就行了