Js基础2~ 条件分支等

 # if else 使用

1. if(条件){执行} else{}

2. if（条件）{}

   else if(条件){}

3. if 写判断条件 else 不写判断条件

```js

var p = parseInt(prompt("输入一个三位数判断是不是水仙花数"));

var a = p % 10;

var b = parseInt((p % 100) / 10);

var c = parseInt(p / 100);

var m = a * a * a + b * b * b + c * c * c;

//   document.write(m);

if (p === m) {

  document.write("是水仙花数");

} else document.write("不是水仙花数");

```

# switch 使用

1. switch(要判断的变量)

   { case 情况 1：执行代码 1；break;

   case 情况 2：执行 2；break;

   .

   .

   case 情况 n：执行 n；break;

   default:以上所有情况都不满足时候执行的代码段

   }

2. 野路子：

```js

switch (true) {

  case a >= 10 && a <= 20:

    执行代码段;

  case a >= 21 && a <= 30:

    执行代码段;

}

```

3. switch：

- switch 穿透：switch 的执行是从符合条件的语句进入条件分支（即碰到第一个满足条件的 case), 后面的 case 不管是否符合条件都会执行再往下一个 case 代码段走，一直向下执行直到碰到 break 或者是直到代码结束

- switch 只能判断某个准确的自变量值 不能判断大小

- 碰到 break 就跳出该分支语句

# document.getElementbyId

1.返回值是一个带有数据的对象，即数据节点；

2.var a(一个对象名)=document.getElementById("num1")，其中 tmp 是其中一项数据，可以通过 a.tmp 来访问值或者给其赋值 3.写在 script 中 除了 html 标签结构 对界面的操作 都写在 js 代码段中

```js

    <input type="text" id="num1" />

    <select name="" id="calc">

      <option value="+">+</option>

      <option value="-">-</option>

      <option value="*">*</option>

      <option value="/">/</option>

    </select>

    <input type="text" id="num2" />

    <button id="btn">计算</button>

    结果:<input type="text" id="res1" />

    <!-- 声明input框 -->

    <script>

      var num1Ele = document.getElementById("num1");

      var num2Ele = document.getElementById("num2");

      //   var butEle = document.getElementById("btn");

      var reason = document.getElementById("res1");

      var calcEle = document.getElementById("calc");

      //  获取各个输入框的值 ，值为一个元素节点(节点:是一个对象  包含name value各种值)

      btn.onclick = function () {

        //获取各个节点的对应需要的值

        var num1 = parseInt(num1Ele.value);

        var num2 = parseInt(num2Ele.value);

        var calc = calcEle.value;