实现这一天是这一年中的第几天

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        年:<input type="text" id="oTxtYear"/><br>
        月:<input type="text" id="oTxtMonth"/><br>
        日:<input type="text" id="oTxtDate"/><br>
        这一天是这一年的第 <input type="text" id="oTxtDay"/> 天<br>
        <input type="button" value="计算" id="oBtnSave"/>
        <input type="button" value="重置" id="oBtnClear"/>
    </body>
</html>
<script>
    //要做事 先找人
    //如何查找到要操作的页面元素 ?
    //第一步 : 根据id查找 在页面元素上为每一个标签添加 不同的id
    //第二步 : 为按钮添加单击事件
    oBtnSave.onclick = function(){
        var sum = 0;//一个变量用于累加数时,初始值为 0
        //第三步 ; 获取用户输入的年 月 日
        var y = oTxtYear.value;
        var m =parseInt( oTxtMonth.value );
        var d = parseInt( oTxtDate.value );
        switch( m ){
            case 12 : sum += 30;//11月
            case 11 : sum += 31;
            case 10 : sum += 30;
            case 9 : sum += 31;
            case 8 : sum += 31;
            case 7 : sum += 30;
            case 6 : sum += 31;
            case 5 : sum += 30;
            case 4 : sum += 31; //3月
            case 3 : {
                y%4==0&&y%100!=0||y%400==0 ? sum += 29 : sum += 28;
            }
            case 2 : sum += 31; // 1月
            case 1 : sum += d;
        }
        //第四步 :将计算的结果 回填到结果文本框中
        oTxtDay.value = sum;
    }
    
    //清空文本框
    oBtnClear.onclick = function(){
        oTxtDay.value = "";
        oTxtYear.value = "";
        oTxtMonth.value = "";
        oTxtDate.value = "";
    }
</script>

转载于:https://www.cnblogs.com/tis100204/p/10328817.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值