HTML5实例练习——《排班查询》

最新推荐文章于 2024-05-07 15:56:26 发布

m0_z

最新推荐文章于 2024-05-07 15:56:26 发布

阅读量1.3k

点赞数

分类专栏：实例分析教程文章标签： javascript html js

本文链接：https://blog.youkuaiyun.com/m0_46606140/article/details/112401646

版权

本文介绍了一个使用HTML5实现的排班查询网页，旨在帮助记忆不好的小明查询自己的班次。程序通过JavaScript实现，用户可以查询任意一天的班次，功能包括获取当前日期的班次及自定义日期查询。核心代码包括读取日期、控件交互及函数调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言

这是一个较为简单的网页程序，可以拿来练习HTML中的基本控件，如input、button。

本来的功能是用C语言写的，但我发现用HTML实现界面布局更为简单，于是就将其改造成了网页程序。

一、问题&要求

问题：小明在制造业工作需要上夜班，他的排班计划是两个白班一个夜班循环，而小明的记忆力不好经常忘记自己要上什么班。假如小明在2021年1月1日上第一个白班，那么应该如何实现其快捷查询班次的需求？

要求：1、程序能告诉他当天上什么班。2、程序能查询一年内任意一天他上什么班。

下面咱就实现它。

二、程序示意

在这里插入图片描述

三、源码

复制到文本文档改扩展名为html就能用了。

<!DOCTYPE html>
<html>
<head>
	<meta charset=UTF-8">
	<title>排班表</title>
	<style>
	.thediv{
    
		text-align:center;
		font-size:100px;
	}
	.theinput{
    
		height:150px;
		width:600px;
		font-size:100px;
		background:#E6E6FA;
		border:2px solid #378888";
	}
	.thebutton{
    
		height:100px;
		width:300px;
		font-size:75px;
	}
	</style>
	<script>
		function D(x,y)
		{
    
			var a=new Array(13);
			for(var i=0;i<13;i++)
			{
    
				a[i]=new Array(32);
				for(var j=0;j<32;j++)
				{
    
					a[i

最低0.47元/天解锁文章