这个“大乐透号码生成器”纯前端开发，涉及html、js、css。为了简单起见，把所有代码写到了一个html文件中，这样的好处就是可以直接用浏览器打开这个文件，当然实际工作中最好把他们放在不同的文件。整个区域放在一个大的p标签中，表现为一个矩形区域，并通过js控制显示的位置；设置一个下拉列表，可以选择生成1-5组随机号码，当点击按钮后，就能生成相应组数的号码；号码区域分两部分，上面部分是随机生成的无序的号码，下面部分是对这些无序号码进行排序后的号码，生成组数受上面下拉列表控制。这个工具的核心是生成随机号码和对随机号码进行排序，这两步都是通过js代码实现的。下面介绍一些重要的js代码。
生成随机号码：大乐透分前区号码和后区号码，前区号码是从01-35中无重复地取5个号码，后区号码是从01-12中无重复地取2个号码，组成一组7位的号码。这里定义了两个数组：arr35存放前区的01-35号码，arr12存放后区的01-12号码。通过“temp = Math.floor(Math.random()*arr35.length)”方法从0-arr35.length取一个随机数作为索引，通过arr35[temp]即可获取数组中该索引位置的值，也就是随机号码，然后通过获取id动态添加到排序前的span中。取完以后通过“arr35.splice(temp,1);”即可删除数组中该随机数，同时使数组长度减一。循环5次即可从01-35中无重复地取5个随机号码，后面两位同样如此。
var arr35 = ["01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17",
"18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35"];
var arr12 = ["01","02","03","04","05","06","07","08","09","10","11","12"];
var span = "";
var temp = "";
for(var i=1;i<6;i++){
span = "span" + x + i;
temp = Math.floor(Math.random()*arr35.length);//随机取一个数
document.getElementById(span).innerText = arr35[temp];
document.getElementById(span).style.backgroundColor = "red";
arr35.splice(temp,1);//删除该位置的值}随机号码排序：这里用到了插入排序算法，只是对每组号码的前五位进行排序，数据量很小，排序完之后通过获取id动态添加到排序后的span中。
//插入排序
function bubbleSort(array){
var len = array.length;
for (var i = 0; i < len; i++) {
for (var j = i; j > 0 && array[j]其余的JS以及HTML、CSS技术不再详细介绍。
完整代码：
立即学习“Java免费学习笔记（深入）”；
大乐透号码生成器
大乐透号码生成器
生成组数：
随机号码1：
随机号码2：
随机号码3：
随机号码4：
随机号码5：
排序后码1：
排序后码2：
排序后码3：
排序后码4：
排序后码5：
浏览器打开效果：
