JavaScript前端开发模块化教程21任务二十一-JavaScript抽奖器课件.pptx

1、任务21 JavaScript抽奖器JavaScript前端开发模块化教程任务导入contents目录成果目标核心知识任务实施强化训练学习成果评量PART1任务导入本任务利用数组操作开发一个适用于抽奖、房产摇号、车位摇号、学位摇号的抽奖原型，支持由数字序号方式抽奖，支持黑名单功能，完成后如图 21 1 抽奖器效果图所示，抽奖时，在表单中输入抽奖总人数、排除范围（黑名单）和抽奖人数，单击抽奖按钮生成抽奖号码。任务导入PART2成果目标 知识目标 技能目标 素质目标知识目标技能目标素质目标1.理解数组的使用场景；2.理解数组的属性和方法；3.理解数据的惯用法。1.编写页面结构2.编写CSS样式3.

2、编写JavaScript1.遵循Web开发规范；2.培养严谨的编程习惯；3.培养分析和解决前端问题的能力；4.培养演绎思维能力；5.培养归纳思维能力。成果目标PART3核心知识21.3.1 数据存储21.3.2 数组21.3.3 创建数组21.3.4 数组元素的读和写21.3.5 数组元素的添加和删除21.3.6 稀疏数组21.3.7 数组长度21.3.8 数组遍历PART4任务实施21.4.1 编写HTML21.4.2 编写CSS21.4.3 编写JavaScript21.4.4 测试页面PART5强化训练参考本任务流程和技术，设计开发以手机号码为抽奖依据的抽奖器，支持输入所有待抽奖人员的手机号码和排除号码，可以设定要抽出的中奖者人数。强化训练PART6学习成果评量学习成果测评等级评分指标得分及格P1.能设计制作抽奖器页面结构 P2.能设计编写抽奖器界面样式 P3.能使用JavaScript实现抽奖号码生成功能 良好M1.能够根据项目需求局部修改抽奖界面和触发条件 优秀D1.能够根据项目需求定制抽奖界面 D2.能够根据项目需求定制抽奖号码生成方式 评语 感谢聆听，祝您进步！