江苏福彩投注站彩票投注助手（html+css+js）

原创

已于 2022-11-12 16:47:38 修改 · 3.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #css

于 2022-11-12 16:31:53 首次发布

该博客介绍了使用Html、CSS和JS设计江苏福彩投注站彩票投注助手的前端页面。阐述了福利彩票号码规则，提出界面需设置5个按钮和一个列表框，并说明了各按钮功能。还给出了源码及效果图，提供项目包下载地址。

web前端页面——设计江苏福彩投注站彩票投注助手（Html+CSS+JS）

设计要求如下：
福利彩票号码由7个号码，外加一个特别号，共8个号码（不能重号）组成，号码范围为01-30的任意一个整数。如果号码为个位数，则在号码前加“0”，显示为：“0”+数字，如：03、07。
功能要求如下：
（1）界面上设置5个按钮、一个列表框；
在这里插入图片描述
（2）单击“机选1注”按钮，调用 selectNumber(1)，将 1注的号码形成字符串添加到列表框中，并将每次产生的第 1行号码作为预选项,高亮度显示，编写通用的产生n注号码 selectNumber(n)函数；

（3）单击“机选5注”按钮，调用selectNumber(5)，将5 注的号码形成字符串添加到列表框中，并将每次产生的第 1行号码作为预选项,高亮度显示；

（4）单击“机选10注”按钮，调用 selectNumber(10)，将10注的号码形成字符串添加到列表框中,并将每次产生的第 1行号码作为预选项,高亮度显示；

（5）单击“删除”按钮，将列表框中选中的列表项删除,如果列表框无列表项可删,则用警告消息框提示出错信息；
请添加图片描述
（6）单击“全部删除”按钮，将列表框中的所有列表项全部删除，如果列表框无列表项可删，则用警告消息框提示出错信息；
在这里插入图片描述
源码如下：
html部分

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>江苏福彩投注站彩票投注助手</title>
	</head>
	<link rel="stylesheet" type="text/css" href="./css/index.css"/>
	<script type="text/javascript" src="./js/index.js"></script>
	<body>
		<div id="window1">
			<div id="">
				<div id="img1">
					<img src="img/ico_7l.gif" >
				</div>
				<div id="img2">
					<img src="img/fc_logo.jpg" >
				</div>
			</div>

最低0.47元/天解锁文章