慕课网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
- 亚马逊面试题
- VisualStudio 怎么使用Visual Leak Detector
- Cannot find module 'socket.io'
- 【学术】独热编码如何在Python中排列数据?
- 比特币的私钥【区块链生存训练】
- Unity3D学习笔记第一课
- Extjs4处理后台json数据中日期和时间的方法
- 机器学习:Python测试线性可分性的方法
- Java 机器学习库Smile实战(一)SVM
- 交易Transaction【区块链生存训练】
- 马尔可夫链文本生成的简单应用:不足20行的Python代码生成鸡汤文
- 最长递增子序列
- dedecms批量删除文档关键词可以吗
- 【学术】在C ++中使用TensorFlow训练深度神经网络
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 批处理中的IF详解
- 来,我们一起打造一款代码命名工具
- HTML转PDF工具Wkhtmltopdf安装使用
- 【Vue.js】Vue.js组件库Element中的时间选择器、日期选择器、日期时间选择器和颜色选择器
- 【Vue.js】Vue.js的Chrome浏览器开发插件DevTools的安装步骤
- 训练提速60%!只需5行代码,PyTorch 1.6即将原生支持自动混合精度训练。
- TensorFlow 模型剪枝
- 机器人如何使用 RRT 进行路径规划?
- 高效 PyTorch:6个训练Tips
- 机器学习与情绪交易(附代码)
- 社区前端游戏框架LollipopCreator v1.0.X正式开源
- 社区开源框架音效管理模块:AudioManager详解
- 社区开源框架音效管理模块:AvatarManager详解
- vue-element-admin实现一个可编辑的table
- vue+element实现一个excel表格下载的功能