慕课网JavaScript函数1-20 作业：函数的基础封装

1-20 作业

小伙伴们，掌握了JavaScript的语法、流程控制语句以及函数，接下来让我们运用所学知识完成如gif图所示的效果——计算自己出生那天是该年当中的第几天。

gif效果图如下:

任务描述

一、语言和环境

1、实现语言：HTML、JavaScript

2、环境要求及开发工具：Sublime text

二、整体要求：

1、要求页面整洁，与效果图保持一致

2、计算日期的方法以及弹出窗口均用函数封装

3、 网页文件夹管理，脚本资料独立文件夹，文件命名规范

三、脚本要求

1. 弹出年、月、日输入框

2 . 根据输入的年、月、日，计算出出生那天是该年的第几天

3.注意闰年

评分标准是什么?

规范【10分】

* 网页文件夹管理，脚本放置独立文件夹

* 文件命名规范

整体效果【10分】

* 页面整洁，与效果图保持一致

轮播图脚本【80分】

* 日期计算和弹出窗口均用函数进行封装，方便后期多次调用

* 日起计算函数，使用年、月、日进行接收，返回计算值

* 对输入的年、月、日在计算前进行整数转换

* 对闰年进行判断

* 使用条件语句进行日期的判断

参考代码：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>慕课网1-20作业题</title>
</head>
<script type='text/javascript'>
    window.onload = function () {
        function enter(arg) {
            return parseInt(prompt('请输入您的出生' + arg))
        }
        function sumDate() {
            var sum = 0,
                n = 0,
                moonDate = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
            // 判断闰年.
            // 普通闰年:能被4整除但不能被100整除的年份为普通闰年。世纪闰年:能被400整除的为世纪闰年。
            if ((eYear % 4 == 0) && (eYear % 100 != 0)) {
                //普通闰年
                moonDate[1] = 29;

            } else if (eYear % 400 == 0) {
                //世纪闰年
                moonDate[1] = 29;
            }
            for (var i = 0; i < eMoon - 1; i++) {
                sum += moonDate[i];
            }
            n = sum + eDate;
            return n;
        }

        var eYear = enter('年份'),
            eMoon = enter('月份'),
            eDate = enter('日期');

        document.write('您的生日在' + eYear + '年' + '是第' + sumDate() + '天。');

    }
    //需要增强的部分：判断输入值为数字，并且年为4位数，月为大于0小于13的整数，日为大于0小于32的整数。

</script>

<body>


</body>

</html>

 

posted @ 2019-06-12 18:08  请叫我二狗哥  阅读(226)  评论(0)    收藏  举报