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. Fiddler基本用法:手机抓包1

    Fiddler基本用法以及如何对手机抓包 一.Fiddler是什么? ·一种Web调试工具. ·可以记录所有客户端和服务器的http和https请求. ·允许监视.设置断点.修改输入输出数据. 官方文 ...

  2. HTML基础知识 table中 th,td,tr

    https://www.2cto.com/kf/201711/701872.html table是一个布局神器,之前看过很多代码,都是用table布局的.但是,我在学习的过程中,发现table有很迷的 ...

  3. 用C# ASP.net将数据库中的数据表导出到Excel中

    需要用到组件GridView和一个button即可. 给GridView添加一个数据源, 选择你想要的数据库中的表的字段,添加成功后GridView中就显示数据. 再添加一个button,双击控件添加 ...

  4. Apple & APPID & iOS & React Native

    Apple & APPID & iOS & React Native 在没有 苹果开发者账号证书 APPID, ios 是否支持导出 app https://developer ...

  5. ***jQuery使用总结（原创）

    Q: jquery选择器为变量时是怎么办 A: 一个变量我知道可以这样写:$("#"+id) Q: 如何清除单选框的checked属性 A: $("input[type= ...

  6. [bzoj2453]维护队列_带修改莫队

    维护队列 bzoj-2453 题目大意:给定一个n个数序列,支持查询区间数的种类数,单点修改.不强制在线. 注释:$1\le n,m\le 10^5$. 想法: 带修改莫队裸题. 如果没有修改操作的话 ...

  7. COGS2479（四维偏序）

    题意:给定一个有n个元素的序列,元素编号为1~n,每个元素有三个属性a,b,c,求序列中满足i<j且ai<aj且bi<bj且ci<cj的数对(i,j)的个数. 分析:cdq分治 ...

  8. Batch update returned unexpected row count from update [0]; actual row count: 0; expected: 1

    在操作hibernate数据库时,调用saveOrUpdate方法进行更新保存对象时, (1)ID为null时执行SAVE,但是前端jsp通过<input type="hidden&q ...

  9. MongoDB小结05 - update【$set & $unset】

    用$set指定一个键的值,如果不存在,就创建它.这对更新模式或者增加用户定义很有帮助. db.user.insert({"name":"codingwhy.com&quo ...

  10. dubbo的jmeter压测时jar包的热加载/动态加载

    在做dubbo的jmeter压测时,需要把jar包放入jmeter的lib/ext目录下,但是jmeter启动的时候会自动加载这个目录lib目录及lib/ext目录,这样启动后放入这些目录下的jar包 ...