重学前端之判断

最新推荐文章于 2023-02-08 21:14:06 发布

Young C

最新推荐文章于 2023-02-08 21:14:06 发布

阅读量164

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/shunyiyangchun/article/details/108629995

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

判断是js逻辑判断中最常见的一个方法，自己也是在空余的时间，将最基础的判断，进行了一下测试，来巩固自己的技能。接下来就将测试的一些代码简单的进行一下记录。方便日后复习。

<body>

    <!--=============== If   begin  ====================-->
        <p>如果时间早于 20:00，会获得问候 "Good day"。</p>
        <button id="btn1">点击这里</button>
        <p id="demo1"></p>
        <script>
            let btn1 = document.querySelector('#btn1');
            let demo1 = document.querySelector('#demo1');
            btn1.onclick = function(){

                let time1 = new Date().getHours(); // 获取现在的小时
                if(time1<20){
                    demo1.innerHTML = 'Good Day'
                }

            }
        </script>
    <!--=============== If   end    ======================-->

    <!--============== if...else  begin  ==================-->
    <p>如果时间早于 20:00，会获得问候 "Good day",或者“ Good evening ”</p>
    <button id="btn2">点击这里</button>
    <a href="#" id="demo2Link">随机链接</a>
    <p id="demo2"></p>
    <script>
         let btn2 = document.querySelector('#btn2');
         let demo2 = document.querySelector('#demo2');
         let demo2Link = document.querySelector('#demo2Link')
         let suiji = Math.random();

         btn2.onclick = function(){

            let time2 = new Date().getHours(); // 获取现在的小时
            if(time2<20){
                demo2.innerHTML = 'Good Day'
            }else{
                demo2.innerHTML = 'Good evening'
            }
         }

         if(suiji<0.5){
            demo2Link.innerHTML = '小于0.5'
            demo2Link.href = 'http://www.yc-wr.com'
         }else{
            demo2Link.innerHTML = '大于0.5'
            demo2Link.href = 'http://www.hqhh.wang'
         }

    </script>
    <!--============== if...else  end    ===================-->

    <!--============== switch  begin  ==================-->

    <!-- 工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。
        如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。 -->

    <p>点击下面的按钮来显示今天是周几：</p>
<button id="btn3">点击这里</button>
<p id="demo3"></p>
<script>

let btn3 = document.querySelector('#btn3');
let demo3 = document.querySelector('#demo3');

let x;
let time3 = new Date().getDay();

switch(time3){
    case 0:{
        x='今天是周日';
        break;
    }
    case 1:{
        x='今天是周一';
        break;
    }
    case 2:{
        x='今天是周二';
        break;
    }
    case 3:{
        x='今天是周三';
        break;
    }
    case 4:{
        x='今天是周四';
        break;
    }
    case 5:{
        x='今天是周五';
        break;
    }
    case 6:{
        x='今天是周六';
        break;
    }
}
btn3.onclick = function(){
    demo3.innerHTML = x;
}
</script>

<!--============== switch  end ===================-->

</body>

Young C

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
重学前端之判断

判断是js逻辑判断中最常见的一个方法，自己也是在空余的时间，将最基础的判断，进行了一下测试，来巩固自己的技能。接下来就将测试的一些代码简单的进行一下记录。方便日后复习。<body>  <p>如果时间早于 20:00，会获得问候 "Good day"。</p> <button id="btn1"&g
复制链接

扫一扫