网站建设基础学习6——使用sublime实现表单、域、域标题效果

一、学习名：JavaScript基础

二、学习目的 

1.掌握js脚本的使用

2.掌握js脚本事件的使用

3.掌握js脚本更改样式的使用

4.会使用sublime实现表单、域、域标题效果

三、仪器设备（含软件）：计算机、Sublime text 3

四、实验过程（简要说明）

任务1

用户输入成绩，程序输出相应的成绩等级。

样式设置：

背景图片刚好占满整个屏幕

将表单布局到合适位置

域边框为圆角显示

脚本要求：

如果不是数值型数据，则用红色字体提示“输入有误，请输入0-100的整数”

否则先将文本框中的内容转换为数值

当成绩小于0大于100时用红色字体提示“请输入0-100的整数”

当成绩范围是0-60时用红色字体提示不及格

当成绩范围在60-100时，分别用黑色字体提示：及格，中等、良好、。

最终效果如图所示。

拓展：会员充值实现不同会员的提示，如100为普通会员；300为黄金会员等。