教学PPT:

任务1：字符串运算符的使用

任务描述：弹出警告框输出歌曲《昨日重现》的名称、歌手、风格、语言和时长，效果如图所示。

任务分析：将歌曲《昨日重现》的名称、歌手、风格、语言和时长分别定义在变量中，应用字符串运算符对多个变量和字符串进行连接并输出。

任务实现：

<script type="text/javascript">

var songName,singer,style,language,duration;            //声明变量

songName = "昨日重现";                                      //定义歌曲名称

singer = "卡朋特乐队";                                       //定义歌手名称

style = "流行";                                   //定义歌曲风格

language = "英语";                                        //定义歌曲语言

duration = "3分59秒";                                     //定义歌曲时长

alert("歌曲名称："+songName+"\n歌手："+singer+"\n风格："+style+"\n语言："+language+"\n时长："+duration); //连接字符串并输出

</script>

任务2：根据用户输入的数据完成求和运算

任务描述：本案例实现提示用户输入两个数据，输入完成后对两个数据进行求和运算，在控制台输出求和的结果。

任务分析：

• 声明两个变量，用于接收用户输入的数据。

• 将用户输入的数据转换为数字型数据。

• 为了避免JavaScript的精度问题，将结果保留两位小数。

任务实现：

 <script>

var n1=prompt("请输入第一个要运算的数据：");

var n2=prompt("请输入第二个要进行运算的数据：");

var result=(parseFloat(n1)+(parseFloat(n2)).toFixed(2);

console.log(result);

    </script>

任务3：条件运算符的使用（判断某年的年份是否为闰年）

任务描述：应用条件运算符判断2024年是否是闰年

任务分析：如果某年的年份值是4的倍数并且不是100的倍数，或者该年份值是400的倍数，那么这一年就是闰年。

任务实现：

<script type="text/javascript">

var year =prompt("请输入年份");//通过输入对话框输入年份，并定义年份变量

result = (year%4 == 0 && year%100 != 0) || (year%400 == 0)?"是闰年":"不是闰年";//应用条件运算符进行判断

alert(year+"年"+result);//输出判断结果

</script>

任务4：计算圆的周长和面积

任务描述：任务需要掌握计算圆的周长和面积案例的开发，能够利用运算符实现圆的周长和面积的计算。

任务分析：提示用户输入圆的半径，利用JavaScript中的运算符实现计算用户指定半径的周长和面积。

任务实现：

<script>

    var r = prompt('请输入圆的半径：');

    r = parseFloat(r);

    var c = 2 * 3.14 * r;

    var s = 3.14 * r * r;

    // 在控制台输出圆的周长和面积

    console.log('圆的周长为：' + c.toFixed(2));

    console.log('圆的面积为：' + s.toFixed(2));

  </script>

【训练1】计算本息合计

要求：假设某银行定期存款3年的年利率为2.75%，某客户的存款金额为100000元，计算该客户存款3年后的本息合计是多少。（提示：本息合计=存款金额+存款金额*年利率*存款期限）

【训练2】判断考试成绩是否及格

要求：考试成绩达到60分以上表示及格。周星星的英语考试成绩是65分，使用条件运算符判断该考试成绩是否及格。

【训练3】计算梯形稻田的面积

要求：有一块梯形稻田，稻田上边缘长为30m，下边缘长为50m，高度为30m，计算这块梯形稻田的面积。