js入门 简单基本的js语句流程控制

简单介绍js语句的流程控制 废话不多说 代码讲话

今天讲到的是判断语句 下次介绍循环语句

<script>
    //js语句  流程控制 分为两种
    //判断语句 if(){} if(){}else{} if else嵌套 swicth(){} ?:
    //循环循环 for(){}  for in  do while  while()

    //判断语句
    /*语法  if(条件){
        条件为真的时候 执行的语句
    }
    */
    var bool = true;
    if(bool){
        alert('条件为真的 执行了')
    }

    /*语法  if(条件){
        条件为真的时候 执行的语句
    }else{
        条件为假的时候  执行的语句
    }
    */
    var bool = true;
     if(bool){
        alert('条件为真的 执行了')
    }else{
        alert('条件为假 执行')
    }
    </script>

下面是使用if（）else嵌套的用法案例

<input type="text" placeholder="请输入你的信息" id="txt">
    <button id="btn">检查</button>
    <h2 id="h2wd"></h2>
    <script>
    var txt = document.getElementById('txt');
    var btn = document.getElementById('btn');
    var h2wd = document.getElementById('h2wd');
    btn.onclick = function(){
        var login = txt.value;
// console.log(typeof login); //在表单元素里的value值 获取到的是string

    if(login == 100){
            h2wd.innerHTML = '好牛啊，你才是大人物'
        }else if(login>=99 && login<100){
            h2wd.innerHTML = '就差一点，在努力点就好了'
        }else if(login>=98 && login<99){
            h2wd.innerHTML = '就差一点点，在努力点就好了'
        }else if(login>=97 && login<98){
            h2wd.innerHTML = '就差一点点点，在努力点就好了'
        }else if(login>=90 && login < 97){
            h2wd.innerHTML = '好牛啊，你才是小人物'
        }else if(login>=80 && login < 90){
            h2wd.innerHTML = '你就是小人物'
        }else if(login>= 60 && login<80){
            h2wd.innerHTML = '纯纯的小牛马'
        }else if(login<60){
            h2wd.innerHTML = '回家种地吧'
        }else if(login>100){
            h2wd.innerHTML = '你xx吧，这么简单都输入错？'
        }


        // switch  虽然可以用switch，但是不推荐，条件有固定值时，推荐选用switch，条件没有固定值在区间内时，推荐使用if
        // switch(true){
        //     case login == 100:h2wd.innerHTML = '好牛啊，你才是大人物' ; break;
        //     case login>=99 && login<100:h2wd.innerHTML = '就差一点，在努力点就好了';break;
        // }
    }
 </script>