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.能够根据项目需求定制抽奖号码生成方式 评语 感谢聆听,祝您进步!