一.认识变量
1.什么是变量
定义：变量通俗地讲就是可变的量。
2.变量的操作及作用
对变量的操作包括两大类：
1) 定义变量：使用关键字 var 来进行定义。
2) 读和写变量：读的时候直接写变量名即可，写的时候需要把变量名放到赋值符号=的左侧（右侧内容将会被写到左侧的变量当中）。
写个例子
上述代码可以看出如何定义变量并且在页面输出变量。
初学编程时，我们要建立一个“量化”的意识，那么什么是量化呢？我们来靠一个例子来展示一下。
体会上边的代码，它把一件事情，拆解得非常细，一个步骤一个步骤，最后完成了任 务。现实世界中的业务往往非常复杂，有的甚至需要几十甚至上百的步骤，到时候我们的大脑根本承受不了，学会量化，按照步骤来解决问题，才是“王道”。
3.变量名称
在定义变量的名称时有一些规则需要注意：
1) 变量名要做到见名知意，可以采用英文单词或拼音全称，取到下一个词时首字母要大写，例如：var chengJi=10;。
2) 变量名称的首字符必须是 英文字母、下划线或美元符号中的一种,例如：var $fenShu=100,_renShu=5;。
3) 变量名中不能有空格。
4) 变量名要避开 JavaScript 中的保留字（if、else、function、switch、static、for 等）。
4.变量定义和使用常见错误
变量问题口诀：1.先声明，2.后赋值，3.再使用（输出，参与运算）
二.变量的类型
1.JS的变量类型
在 中，通过 var 前缀来表示要定义一个变量，当我们给其赋值时变量的类型才最终确定下来，常用 的类型如下：
1) undefined：当定义了变量而未赋值时，其类型是 undefined.
var x; alert(x);//将会弹出 undefined
2) null：空类型，类似于 undefined。
alert(null==undefined);
3) number：数值类型，含整数和浮点数（小数）。
var x=10;(整数)
var y=8.8;（浮点数）
4) String：字符串。（字符串必须用双引号）
var x=”Jim Green”;
var y=”Lucy”;
5) boolean：布尔。
var x=true;(正确)
var y=false;（错误）
6) Object：对象类型，可以 new。
var x=new Object(); x.Name=”Jim Green”;
x.Sex=”男”;
//……
alert(x.Name+”t”+x.Sex);
7) Date：日期。
var x=new Date();//创建一个日期对象(当前计算机上的日期和时间为基准)
document.write(x.toLocaleDateString());//write 方法用于向当前页面中写入内容
因为JS中变量类型是弱类型，我们需要判断变量对应的数据类型，这时候我们可以用typeof来获取变量中的数据类型
2.String转number
String(字符串)，是编程语言中，最常见的数据类型，每一个 html 元素的属性值都是 String 类型的 （例如：input 中的 value,id,name 等的取值）。某些计算只有 number 才可以，因而将 String 类型的值， 转变成 number 类型的值，就是一个非常普遍和重要的操作。JS提供了两种转化方法
1） parseInt：将字符串转为整(number)数。
2）parseFloat：将字符串转为浮点数(number)。
三.变量实战
1.点击按钮时输出
我们之前学习的都是直接向大家展示出来的但是网页中却不是这么简单，事件需要一个能触发的装置，也叫做功能块。看例题。
我们可以分析一下，这个事件解决需要一个按钮，当按钮被点击的时候，页面输出你下达的指令，分析知道他怎么实现了之后，那么火速实操。
知识点都在图片中详细的标注了出来，建议一步一步的写，注意，input要写在
