1.2.5　实验步骤

1.2.5　实验步骤

任务1实验分解

（1） 桌面双击HBuilderX 进入开发界面，如图1.11所示。

图1.11

（2） 选择“文件新建项目”菜单，进入新建项目界面，如图1.12所示。

图1.12

（3） 选择普通项目，输入项目名称“LotterySystem”，并选择空项目。点击创建按钮，如图1.13所示。

图1.13

（4） 在项目窗口LotterySystem上，右键选择“新建html文件”，输入文件名称“index”，点击创建按钮，如图1.14所示。

图1.14

（5） 在新建文件下，写入如下基础代码。

效果如图1.15所示。

图1.15

（6） 在实验资料与素材中找到jquery-3.4.1.js文件，选中文件复制，并粘贴到项目中，如图1.16所示。

图1.16

（7） 在页面的＜head＞标签末尾加上jQuery 的引入代码。

（8） 利用jQuery 加载函数将彩票展示层一加载就隐藏。

代码如下：

效果如图1.17所示。

图1.17

至此完成任务1的所有功能要求。

任务2实验分解

（1） 利用jQuery 的绑定事件语法，给按钮绑定一个点击事件。

新加代码如下：

（2） 在点击事件中将彩票展示层显示（任务2后面所有操作都在前面的点击事件中完成）。

新加代码如下：

（3） 定义数组保存6个红球，产生6个1-33之间的随机数。

新加代码如下：

（4） 定义变量保存1个蓝球，产生1个1-16之间的随机数。

新加代码如下：

至此完成任务2所有要求。

任务3实验分解

（1） 把随机数展示到标签中。

新加代码如下：

效果如图1.18所示。

图1.18

至此完成任务3所有要求。