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. [luoguP1896] [SCOI2005]互不侵犯King（状压DP）

    传送门 先预处理出来一行中放置国王的所有情况和每种情况所用的国王个数. f[i][j][k]表示前i行放j个国王且最后一行的状态为k的方案数 状压DP即可 #include <cstdio> ...

  2. 洛谷 通天系列 P1760 P1757 P1759

    P1760 通天之汉诺塔 汉诺塔问题.一个高精乘单精解决 ans=2^n-1 /*by SilverN*/ #include<algorithm> #include<iostream ...

  3. Thinkphp5.0 的视图view的比较标签

    Thinkphp5.0 的视图view的比较标签 {eq name="a" value="10"} <p>相等</p> {else/} ...

  4. Mayor's posters POJ - 2528

    The citizens of Bytetown, AB, could not stand that the candidates in the mayoral election campaign h ...

  5. poj——2367 　Genealogical tree

    Genealogical tree Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6025   Accepted: 3969 ...

  6. Evaluate Reverse Polish Notation(逆波兰式)

    Evaluate the value of an arithmetic expression in Reverse Polish Notation. Valid operators are +, -, ...

  7. JAVA生成扫描条形码

    条形码是一种可视化.机器可读的数据,这些数据通常描述了携带该条码的物品的相关信息.条形码已经广泛被应用在商品流通,图书管理,邮政管理和银行系统等领域.在这篇文章中,将介绍如何生成和扫描一些常见的一维和 ...

  8. Linux下重启加载命令

    nginx -s reload

  9. JVM(四):深入分析Java字节码-下

    JVM(四):深入分析Java字节码-下 在上文中,我们讲解了 Class 文件中的文件标识,常量池等内容.在本文中,我们就详细说一下剩下的指令集内容,阐述其分别代表了什么含义,以及 JVM 团队这样 ...

  10. 02-js变量学习

    <html> <head> <title>js的变量学习</title> <meta charset="UTF-8"/> ...