由于今天的课程不利于拆分讲解。所以本课程内容比较多。希望大家多花点时间掌握。
 
上节课的最后我们讲了，字符串和变量或者数值连接后是字符串。
那什么是字符串？什么是数值？
这里再做下补充。
 
需要补充的知识点是：数据类型。
定义变量可以有各种数据类型。下面是4种普通的数据类型：

var age = 16;  // Number(数字)
var student = "Johnson";  // String(字符串)
var cars = ["Saab", "Volvo", "BMW"];  // Array(数组)
var group = {firstName:"John", lastName:"Doe"};  // Object(对象、项目)

还有一些特殊的数据类型：
boolean（布尔）只有两个值：true（真）或false（否）。
undefined 未定义，没有值。
null 空值

以上这些简单了解一下就行。等以后用到的时候能想起来就好。
 
这节课我们讲JavaScript条件语句。
 

if、else、else if

if 当只有满足指定条件时，该语句才会执行代码。

if(age>20){//代码填这里}

else 当不能满足指定条件时，该语句才会执行代码。

if(age>20){}
else{//代码填这里}

else if 当满足候选条件时，该语句才会执行代码。

if(age>20){}
else if(age>20 && age>=10){//代码填这里}
else{}

 
有同学会注意到上面的例子中有大于>号，大于等于号>=，还有符号&&。
这个就是我要在下面讲到的比较运算符与逻辑运算符。
 

比较运算符

== 等于
=== 全等于（值和数据类型都相等）
!= 不等于
!== 全不等于（值和数据类型都不相等）
> 大于
< 小于
>= 大于等于
<= 小于等于

逻辑运算符

&& 与
|| 或
! 非

本课堂扩展内容

例：
HTML代码如下：

请输入您的年龄
<input id="age" />
<button onclick="myFunction()">Try</button>
<div id="demo"></div>

js代码如下：

function myFunction() {
    var a, r;
    a = Number(document.getElementById("age").value);
    if (isNaN(a) || !a) {
        r = "您输入的内容有误ֵ";
    } else {
        r = (a <= 18)?"你还年轻":"你太老了";
    }
    document.getElementById("demo").innerHTML = r;
}

本示例的作用是这个样子的：
页面中有个输入框，需要你输入自己的年龄。点击按钮之后会显示文字。
 
函数里有如下判断：
1，判断输入的数字是否有效。使用的方法是isNaN()函数。isNaN() 函数用于检查其参数是否是非数字值。isNaN的意思是is Not a Number（不是数字）。
本例如果a不是数字，那么提示信息“您输入的内容有误”。
或者，不存在a，即!a，那么也会输出“您输入的内容有误”。
 
2，如果输入的数字，那就跟18进行比较。
小于等于18提示信息“你还年轻”。
否则，提示信息“你太老了”。
 
下面有段代码大家看着会有点头疼。

r = (a <= 18)?"你还年轻":"你太老了";

其实这个就是条件判断的一种简写方式。
意思就是，如果a<=18， 问号？后面的就是满足该条件时的代码。 冒号:后面的就是不满足该条件时所需要的代码。 最后，把结果赋值给r。 需要注意的是： if，else，else if 这样的条件语句当中，可以只有if，可以没有else或者else if。 但是想要简写必须要有if和else。 例如：

r = (a <= 18)?"你还年轻"; //不可以这样滴。

相关内容：

Number()

Number() 函数把对象的值转换为数字。
 

.innerHTML

innerHTML 属性设置或返回元素的html内容。

document.getElementById("b").innerHTML = a  //把id为b内的html内容改成a。
var a = document.getElementById("demo").innerHTML; //获取id为demo内的html内容赋给a。

input标签

input标签是用来创建一个文本输入框。属于表单项目。
由于课堂性质，本课堂就不对表单内容做详细的解释了。
在以后的课堂中遇到的时候会一一带过。