《简易计算器》教案

作者：张俊玲　来源：　发布时间：2015年11月03日

备课时间：2015年８月　　　　　　　　授课时间：2015年９月

课　题	算术运算符
授课节数		２		第９、10课时	课　型	实训
教学目标：		知识目标：		了解并掌握类型转换有函数的使用
		技能目标：		分析问题解决问题的能力；
		过程目标：		培养规则意识；
重　　点：		掌握Number(),parseInt()的使用
难　　点：		掌握函数的编写原则
教学方法：		讲解法、任务教学法、自主探究法
学法指导：		小组合作法
教具（实验器材）			实训机房、机房管理软件
板书设计：
简易计算器的制作任务分析及展示知识链接任务制作作品点评布置作业

教

学

过

程

教学内容

一、【任务描述】：

【知识链接】：

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

字符串包含数字(如 "3.14") 转换为数字 (如 3.14).

空字符串转换为 0。

其他的字符串会转换为 NaN (不是个数字)。

Number("3.14")    // 返回 3.14
Number(" ")       // 返回 0
Number("")        // 返回 0
Number("99 88")   // 返回 NaN

在 Number 方法章节中，你可以查看到更多关于字符串转为数字的方法：

方法	描述
parseFloat()	解析一个字符串，并返回一个浮点数。
parseInt()	解析一个字符串，并返回一个整数。

【实训】：

<!doctype html>

<html>

<head>

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>

第一个数：

</p>

<p>第二个数：

</p>

<p>其结果是：

</p>

<p>请选择相应的运算符：</p>

<p>　　

</p>

</body>

</html>

四、【实训点评】：

语句以；结束；
区分大小写；
I和Ｌ分不清；

五、【作业】：　

　　　完善实训报告册

教学反思

对教学的重点和难点部分要重点讲解，启发学生共同参与任务分析，调动学生的主动性让大家积极参与到教学活动中。

打印本文

关闭窗口