编写一个静态页面,输入若干名学生成绩信息。注:一个学生的学习成绩信息如下:
学生学号、学生姓名、课程名称、成绩
输入完成后,点击提交命令按扭,提交输入的成绩。点击提交命令按扭后,弹出对话框,显示输入成绩个数及每名学生成绩信息。
编写一个静态页面,输入若干名学生成绩信息。注:一个学生的学习成绩信息如下:
学生学号、学生姓名、课程名称、成绩
输入完成后,点击提交命令按扭,提交输入的成绩。点击提交命令按扭后,弹出对话框,显示输入成绩个数及每名学生成绩信息。
你题目的解答代码如下:(如有帮助,望采纳!谢谢! 点击我这个回答右上方的【采纳】按钮)
<!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>