<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生和教师数据输入和显示程序</title>
</head>
<body>
<h2>学生信息</h2>
<div id="students"></div>
<h2>教师信息</h2>
<div id="teachers"></div>
<script>
function person(id, name) {
this.id = id;
this.name = name;
}
function student(id, name, grade, score) {
person.call(this, id, name);
this.grade = grade;
this.score = score;
}
student.prototype = new person();
function teacher(id, name, title, department) {
person.call(this, id, name);
this.title = title;
this.department = department;
}
teacher.prototype = new person();
var students = [];
var teachers = [];
for (var i = 1; i <= 2; i++) {
var id = prompt("请输入第" + i + "个学生的编号：");
var name = prompt("请输入第" + i + "个学生的姓名：");
var grade = prompt("请输入第" + i + "个学生的班级：");
var score = prompt("请输入第" + i + "个学生的成绩：");
students.push(new student(id, name, grade, score));
}
for (var i = 1; i <= 2; i++) {
var id = prompt("请输入第" + i + "个教师的编号：");
var name = prompt("请输入第" + i + "个教师的姓名：");
var title = prompt("请输入第" + i + "个教师的职称：");
var department = prompt("请输入第" + i + "个教师的部门：");
teachers.push(new teacher(id, name, title, department));
}
var studentHtml = "<ul>";
for (var i = 0; i < students.length; i++) {
studentHtml += "<li>编号：" + students[i].id + "，姓名：" + students[i].name + "，班级：" + students[i].grade + "，成绩：" + students[i].score + "</li>";
}
studentHtml += "</ul>";
document.getElementById("students").innerHTML = studentHtml;
var teacherHtml = "<ul>";
for (var i = 0; i < teachers.length; i++) {
teacherHtml += "<li>编号：" + teachers[i].id + "，姓名：" + teachers[i].name + "，职称：" + teachers[i].title + "，部门：" + teachers[i].department + "</li>";
}
teacherHtml += "</ul>";
document.getElementById("teachers").innerHTML = teacherHtml;
</script>
</body>
</html>