线上学习作业二
一、学习方式
在线学习,观看学习通平台提供的第五章和第六章的视频资料讲解,制作阶段案例。
二、学时
2 学时
三、目的
(1) 培养自学能力,资料查阅、信息搜索能力。
(2) 掌握 JavaScript 程序设计中的选择结构和循环结构在网页设计中的应用。
四、内容
1. 任务一创建一个 HTML 网页,利用选择结构实现成绩的判断,初始界面如下。
图
1
百分制成绩转换为五等级制
页面结构代码如下:
要求实现如下功能,并将文件保存为 practice1.html。
(1) 将代码中的“21**班***”修改成自己的姓名,除此之外不许随意修改结构代码。
(5 分)
(2) 在文本框中输入百分制成绩,输入的成绩中不能有字符,而且必须在 0-100 之间,
否则不予转换并给出错误提示同时清空文本框。(5 分)
(3) 单击“计算”按钮实现百分制成绩到五等级制的转换,并把转换结果显示在页面的
span
标签中。(
10
分)
(4) 本题 20 分,如果没有个人信息直接扣除 5 分,其他根据完成情况酌情扣分。
2. 任务二 创建一个 HTML 网页,使用 switch 语句,在网页上显示星期信息。如图 2 所示。
要求实现如下功能,并将文件保存为 practice2.html。