备课时间:2015年8月 授课时间:2015年9月
课 题 |
算术运算符 |
|||||
授课节数 |
2 |
第9、10课时 |
课 型 |
实训 |
||
教学目标: |
知识目标: |
了解并掌握类型转换有函数的使用 |
||||
技能目标: |
分析问题解决问题的能力; |
|||||
过程目标: |
培养规则意识; |
|||||
重 点: |
掌握Number(),parseInt()的使用 |
|||||
难 点: |
掌握函数的编写原则 |
|||||
教学方法: |
讲解法、任务教学法、自主探究法 |
|||||
学法指导: |
小组合作法 |
|||||
教具(实验器材) |
实训机房、机房管理软件 |
|||||
板书设计: |
||||||
简易计算器的制作
|
||||||
教 学 过 程 |
教学内容 |
|||||
一、【任务描述】:
将字符串转换为数字全局方法 Number() 可以将字符串转换为数字。 字符串包含数字(如 "3.14") 转换为数字 (如 3.14). 空字符串转换为 0。 其他的字符串会转换为 NaN (不是个数字)。 Number("3.14") // 返回 3.14 在 Number 方法 章节中,你可以查看到更多关于字符串转为数字的方法:
<!doctype html> <html> <head> <meta charset="gb2312"> <title>简易运算</title> <script> function jiafa(){ var x1,x2,x3; x1=document.getElementById("num1").value; x2=document.getElementById("num2").value; x3=parseInt(x1)+parseInt(x2); document.getElementById("num3").value=x3; } function jianfa(){ var x1,x2,x3; x1=document.getElementById("num1").value; x2=document.getElementById("num2").value; x3=parseInt(x1)-parseInt(x2); document.getElementById("num3").value=x3; } function chengfa(){ var x1,x2,x3; x1=document.getElementById("num1").value; x2=document.getElementById("num2").value; x3=Number(x1)*Number(x2); document.getElementById("num3").value=x3; } function chufa(){ var x1,x2,x3; x1=document.getElementById("num1").value; x2=document.getElementById("num2").value; x3=Number(x1)/Number(x2); document.getElementById("num3").value=x3; } function yushu(){ var x1,x2,x3; x1=document.getElementById("num1").value; x2=document.getElementById("num2").value; x3=Number(x1)%Number(x2); document.getElementById("num3").value=x3; } </script> </head> <body> <p>请输入任意两个数,单击相应的运算可求其结果:</p> <p> 第一个数: <input name="num1" type="text" id="num1" size="5"> </p> <p>第二个数: <input name="num2" type="text" id="num2" size="5"> </p> <p>其结果是: <input name="num3" type="text" id="num3" size="5" readonly> </p> <p>请选择相应的运算符:</p> <p> <input type="submit" name="button" id="button" value="+" onClick="jiafa()"> <input type="submit" name="button2" id="button2" value="-" onClick="jianfa()"> <input type="submit" name="button3" id="button3" value="*" onClick="chengfa()"> <input type="submit" name="button4" id="button4" value="/" onClick="chufa()"> <input type="submit" name="button5" id="button5" value="%" onClick="yushu()"> </p> </body> </html> 四、【实训点评】:
五、【作业】: 完善实训报告册 |
||||||
教学反思 |
对教学的重点和难点部分要重点讲解,启发学生共同参与任务分析,调动学生的主动性让大家积极参与到教学活动中。 |