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>

慕课网JavaScript函数1-20 作业：函数的基础封装的更多相关文章

  1. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  2. 慕课网笔记之oracle开发利器-PL/SQL基础

    实例1--if语句 /* 慕课网Oracle数据库开发必备之PL/SQL_2-3 判断用户从键盘输入的数字 1.如何使用if语句 2.接收一个键盘的输入(字符串) */ set serveroutpu ...

  3. 慕课网javascript 进阶篇 第九章 编程练习

    把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维.还是很纯很纯的小白,各位看官老爷们,不要嫌弃.最近都是晚睡,昨晚也不例外,两点多睡的.故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看 ...

  4. 慕课网 javascript深入浅出编程练习

    任务 请在index.html文件中,编写arraysSimilar函数,实现判断传入的两个数组是否相似.具体需求: 1. 数组中的成员类型相同,顺序可以不同.例如[1, true] 与 [false ...

  5. 慕课网，我的yii2学习笔记（基础篇）

    一.关于PHP知识点 1.命名空间:存放类文件的空间,可以随便定义,建议与类文件目录一致,方便管理. 注:(1).如果类没有设置命名空间,默认为顶级命名空间,在程序中可以用一下方式实例化. $mode ...

  6. 慕课网：剑指Java面试-Offer直通车视频课程

    慕课网:剑指Java面试-Offer直通车视频课程,一共有10个章节. 目录结构如下: 目录:/2020036-慕课网:剑指Java面试-Offer直通车 [6G] ┣━━第10章 Java常用类库与 ...

  7. JavaScript（转载自 计科学院 慕课网）

    什么是脚本语言? ①脚本语言介于HTML和C,C++,Java,C#等编程语言之间 ②脚本语言与编程语言有相似地方,其函数与编程语言类似,也有变量.与编程语言之间最大的区别是编程语言的语法和规则更为严 ...

  8. JavaScript进阶--慕课网学习笔记

                         JAVASCRIPT—进阶篇 给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字 ...

  9. JavaScript入门--慕课网学习笔记

     JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script&g ...

随机推荐

  1. 【Tomcat】Tomcat Connector的三种运行模式【bio、nio、apr】

    Tomcat Connector(Tomcat连接器)有bio.nio.apr三种运行模式 bio bio(blocking I/O,阻塞式I/O操作),表示Tomcat使用的是传统的Java I/O ...

  2. SPOJ NSUBSTR (后缀自动机)

    SPOJ NSUBSTR Problem : 给一个长度为n的字符串,要求分别输出长度为1~n的子串的最多出现次数. Solution :首先对字符串建立后缀自动机,在根据fail指针建立出后缀树,对 ...

  3. PostgreSQL及PostGIS使用

    基础知识 参考文档:http://www.postgis.net/docs/ PostGIS支持的GIS对象是OpenGIS Consortium(OGC)定义的“简单特征”的超集.OpenGIS规范 ...

  4. Java并发包——线程池

    Java并发包——线程池 摘要:本文主要学习了Java并发包中的线程池. 部分内容来自以下博客: https://www.cnblogs.com/dolphin0520/p/3932921.html ...

  5. MongoDB小结21 - find【游标】

    数据库使用游标来控制find的执行结果. 客户端对游标的实现通常能够对最终结果进行有效控制. 可以限制结果的数量,略过部分结果,对任意方向任意键的组合对结果进行排序,或者去执行一些功能强大的操作. 我 ...

  6. 【VBA研究】工作表自己主动筛选模式检測

    作者:iamlaosong 用VBA程序处理Excel数据文件.用户的数据文件有时处于自己主动筛选模式,往往导致数据处理不对.为此,须要检測工作表是否处于该模式,假设是,则去掉自己主动筛选.语句例如以 ...

  7. ISkyShop B2B2C 商城系统V1.0正式版隆重公布

    ISkyShop核心开发团队结合7年电商开发经验,历经1年多时间的设计研发,于2014年6月12日隆重推出ISkyShop B2B2C 商城系统V1.0,B2B2C商城系统是ISkyShop独立自主研 ...

  8. 【动态规划】Dynamic Programming

    动态规划 一.动态规划 动态规划(Dynamic Programming)是一种设计的技巧,是解决多阶段决策过程最优化问题的通用方法. 基本思想:将待求解问题分解成若干个子问题,先求解子问题,然后从这 ...

  9. hdu1863

    #include<cstdio> #include<algorithm> using namespace std; int N,M; struct edge { int u,v ...

  10. js坑爹笔试题目汇总（持续更新中）

    把你的面试官问倒,你就是一个合格的面试者了,以下总结一些易错的js笔试题目,会持续更新中.欢迎关注 1,考察this var length = 10 function fn(){ alert(this ...