js流程控制之分支判断

js流程控制之分支判断
# 程序运行方式
1.顺序执行 从上到下 从头执行到尾
2.分支判断 选择
3.循环执行 

# 学习要点
1.语法格式 100%熟悉
2.判断的条件考虑周全
3.对代码的执行流程绝对掌控（不能靠运气编程）

# 语法格式
- 单人if
if（条件）{

如果条件结果为true，这里的代码才会走

}

场景：游戏暂停，就是让某些代码不执行，通过一个if进行判断

- 双人组合 if else
if（条件）{
如果条件结果为true，这里的代码才会走
}else{
否则，执行这里的代码
}
注意：两个分支绝对只会走其中一路

- 多人团队组合 if else if ...... else if ... else
if(条件1){
如果条件1成立，执行这里
}else if(条件2){
如果条件2成立，执行这里
}else if(条件3){
如果条件3成立，执行这里
}else if(条件n){
如果条件n成立，执行这里
}else{
以上条件都不成立，执行这里
}

# 登录案例
# 页面构建
两个文本框 一个按钮
# 获取页面元素
var a = document.getElementById("id名")
如果元素的id符合js的变量命名方式，就可以直接使用id作用当前元素的对象名

# 获取元素（文本框）中的值
a.value

# 修改文本框中的值
a.value = 新的值

# 猜数字游戏
# 构建页面
div 标题 文本框 按钮

# 产生随机数
Math.floor()向下取整
Math.ceil() 向上取整
Math.round()四舍五入取整

Math.random() 随机一个0~1之间所有的小数 0.0xxx~0.9xxx
取整：window.parseInt()

随机1~100之间的整数
-先将随机出来的庶子扩大100倍 
- 取整 0~99
-再将结果整体+1 1~100

# 往div或者其他标签中设置文本内容
获取div的对象，可以直接使用id

某个div.innerText = 新的值

补充：

 window.parseInt(Math.random()*n) + 1 --随机生成一个1~n的整数

id:hover{
cursor:pointer;
background-color:red;
} --光标变成小手，且背景变色