Javascript入门阶段——prompt()方法和if-else语句

1. 课程大纲

• prompt()方法的应用
• if-else语句的定义及应用

2.1 prompt()方法

• 请看下列代码：

var s = prompt("请输入你要说的话：");
alert(s);

• prompt()方法：用于显示可提示用户进行输入的信息提示输入框。
• prompt()小括号内的内容：提示用户输入相应的内容。
• prompt()方法的返回值是在输入框中输入的内容。
• 声明变量s，用来接收用户输入的信息。
• 在警告框中显示的是用户输入的信息.

2.2 接收数据——年龄

• 声明变量age，接收用户输入的年龄，代码如下：

var age = prompt("请输入你的年龄：");

• 在警告框上显示用户输入的年龄，使用字符串拼接符"+",代码如下

var age = prompt("请输入你的年龄：");
alert("我的年龄为："+age);

• 输入24,点击确定后在警告框上显示“我的年龄为：24”，运行效果如下
  
  

2.3 if-else语句

• if-else的语法结构如下：

if(1){
	2
}else{
	3
}

• 1处为判断条件，1处判断条件为true（真）时，执行2处的代码，如果1处判断条件为 false（假）时执行3处的代码
• 如果 score超过90分，免除假期作业，否则假期作业加倍，代码如下

var score = prompt("请输入你的分数：");
if(score > 90){
	alert("免除假期作业！");
}else{
	alert("假期作业加倍！");
}

• 声明变量score接收信息提示框中输入的信息
• 判断 score>90是否为真:
  score大于90,判断条件为true，则在警告框中显示“免除假期作业“，score小于等于90,判断条件为false，则在警告框中显示“假期作业加倍！".

2.4 if-else语句实际运用

• 如果PM2.5超过300，学校放假，否则继续上学
• 声明变量pm25,接收用户在信息提示框输入的信息，代码如下：

var pm25 = prompt("请输入PM2.5的值：");

• 使用if-else语句，判断pm2.5的值是否超过300，代码如下

var pm25 = prompt("请输入PM2.5的值：");
if(pm25 > 300){
	alert("学校放假");
}else{
	alert("继续上学");
}

注意：变量命名中不能使用点( . )

2.5 if-else语句在飞机大战中的实际运用

• 间隔时间到，子弹发射，否则不发射，代码如下

var intervalTime = prompt("请输入发射子弹的间隔时间");
var start = 2400;
var end = 2850;
if(end-start > intervalTime){
	alert("发射子弹");
}else{
	alert("不发射子弹");
}

• 声明变量 intervalTime，存储用户在信息提示输入框中输入的发射子弹的间隔时间。
• 声明 start和end，分别存储子弹发射的开始时间和结束时间。
• 在if-else语句中判断结束时间（end）与开始时间（ start）差是否大于间隔时间（ intervalTime）。
• 如果end-start> intervalTime为true，则在警告框中显示发射子弹，如果end- start> intervalTime为false，则在警告框中显示不发射子弹。