js 利用随机数自动生成成绩表 公开课教案

《js 利用随机数自动生成成绩表 公开课教案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、利用随机数自动生成成绩表（公开课）课题利用随机数自动生成成绩表课时1学时授课教师吴朝南班级12级02班学期2012—2013年度第（1）学期授课类型理论课教学时间2012年10年22日星期一第2节课教案序号板书设计课件点击浏览教学内容一、数组知识要点复习二、经典案例观察与分析三、随机数讲解四、随机数结合数组的应用（自动生存学生成绩信息）教学目标使学生懂得使用随机数结合数组知识，自动生成学生成绩信息。教学重点随机数教学难点随机数结合数组的应用。教学方法讲述、启发、演示、辩论、练习。教学手段计算机（含xp系统）、JavaScript开

2、发工具、教学多媒体等。教学活动及主要板书学生活动课程思路：复习上次课知识（数组知识）—>经典案例观察与分析，找出案例与JavaScript知识的联系之处（即案例中的电子表格的每一行是JavaScript的一个数组，从而要解决数组的元素位置“序号”的问题）—>为解决数组元素位置的序号及其相应的科目成绩，从而引出随机数的内容—>对随机数进行详细的介绍与讲解—>随机数与数组的结合应用，从而达到经典案例的制作（自动生成我们想要的学生成绩信息）—>课程练习—>课程总结—>课程结束。一、上次课知识复习（数组知识要点）（5分钟）1、数组的概念2

3、、数组元素3、数组的四种声明方式4、数组元素的基本操作二、创设意境，导入新课（5分钟）（设疑法、提问法）导入：（典型案例分析）经典案例《期末成绩表》的观察与分析，针对案例进行分析后提出问题：“如果需要10000个同学的成绩信息，而手里面又没有现成的信息表，怎么办？”，找出案例中的工作表中的“行”与“列”跟Javascript知识有什么联系的地方？从而引出数组知识，而数组中的成绩是如何产生的，从而引出随机数的知识点。三、新课教学（总计25分钟）（随机数，教法：讲解法、提问法、示范法）（一）随机数（12分钟）1、概念学生回顾上次课的知

4、识和内容，为本次课的学习做好基础准备。引导入门，学生通过案例的观察与分析，根据老师提出的问题思考问题，找出案例中与Javascript知识的联系之处。学生认真听老师讲解随机数的概念，并做好笔记。。随机数就是在一定范围内随机产生（不固定）的数，并且得到这个范围内的每一个数的机会一样的。调用Math对象的random属性产生随机数。Math.random()随机产生[0,1）之间的数。（1）Math对象的random属性的详细介绍，即Math.random()随机函数的的详细介绍。（2）Math.floor()的简单引用说明（因为前面

5、已经学过）(老师用示例演示，详细介绍随机数的知识点）2、随机数相关应用。（1）产生[0,n)之间的随机数,即范围为0≤data1

6、生10个[0,100)之间的随机整数。for(vari=0;i<10;i++){document.write(Math.floor(100*Math.random())+'t');}结果预览：6280710758428456519(老师用示例演示，详细介绍随机成绩的产生）2、随机产生姓名（1）定义两个数组lastName[]（用于存放姓）、firstName[]（用于存放名）（2）引用随机整数来作为数组的元素的位置序号，即序号=随机整数=data2=Math.floor(n*Math.random());对lastName：da

7、ta2=Math.floor(lastName.length*Math.random());随机产生“姓”varname=lastName[序号];varname=lastName[Math.floor(lastName.length*Math.random())];varname=lastName[data2];随机产生“名”name+=firstName[Math.floor(firstName.length*Math.random())];（此处老师重点详细介绍每一个步骤，并用程序来演示说明）3、写程序要求：随机产生100同

8、学的名字，2/3概率是三个字的名字，并产生相应的6门成绩。varline=100;//定义行的为100行，即100个人的信息for(i=0;i