JS综合计算器案例

第一题：

效果：

实现一个简易计算器，有两个运算数输入框，一个运算符选择器，一个计算按钮。点击按钮时，将运算结果输出在第三个输入框。

页面（10分）：

要求（90分）：

对输入输出结果进行校验。

1. 两个运算数任意一个输入内容为空时，提示“请输入内容”； （2）两个运算数任意一个不是数字时，提示“请输入数字”；

（3）未选择运算符时，提示“请选择运算符”；

（4）除法运算时除数如果为0，提示“除数不能为0”；

（5）最终输出结果为数字或空，不能为undefined等其他内容。

评分点：

每项18分。

提示：

1. 输入框的类型只能为text类型；
2. 运算符选择器使用<select></select>标签嵌套<option></option>标签实现。option标签设置value属性，在JS中可以通过select.value获取到当前选择的值。

第二题：

效果：

1. 实现一个学生成绩登记表。登记表录入学生姓名、语文、数学、英语三科成绩。点击提交按钮可以在信息表中生成一行新数据，点击重置按钮可以清空输入所有数据。
2. 实现一个学生成绩信息表。表格中依次展示学生姓名、语文、数学、英语三科成绩、总分、平均分，操作按钮。所有成绩取整。操作按钮功能为删除，点击后可以删除当前行。

页面（20分）：

要求（80分）：

对输入数据进行校验：

1. 学生姓名不能为空。
2. 三科成绩需要为数字（类型不限）。

评分点：

1. 数据校验（25分）
2. 提交及生成表单（25分）
3. 删除当前行（20分）
4. 重置功能（10分）

提示：

1. 提交完成后，需要清空登记表中所有的数据。
2. 实现删除当前行功能，要通过eventListener中，监听函数的参数中的target属性中的parentNode属性，获取父级节点，再运用DOM方法，删除当前行。