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

时间:2019-06-12
本文章向大家介绍慕课网JavaScript函数1-20 作业:函数的基础封装,主要包括慕课网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>

原文地址:https://www.cnblogs.com/f6056/p/11011321.html