<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>36选7</title>

<script>

//先循环36个数，放到num里面

//给按钮添加事件

//点击的时候 随机7个数放到jg里面

var btn = null,

    num = null,

    jg = null;

    window.onload = function(){

        init();

        initDom();

        event();

    }

//初始化变量

    function init(){

        btn = document.getElementById("btn");

        num = document.getElementById("num");

        jg = document.getElementById("jg");

    }

//初始化页面元素的值

    function initDom(){

        var str = "";

        for(var i = 1 ;i<37;i++){

            str += i + ",";

        }

        str = str.substr(0,str.length-1);  //把36个数字组成的字符串的最后一个元素删除

        num.innerHTML = str;

    }

//添加事件

    function event(){

        btn.onclick = xuanze;

    }

//点击按钮的时候调用方法

    function xuanze(){

        //随机七个数放到结果里面

        var str = "";

        var n = 0;

        for(var i = 0 ;i<7;i++){

            n++;

            var zhi = parseInt(Math.random()*36)+1;

            console.log(str.indexOf(zhi));

            if(str.indexOf(zhi) == -1){

                str += zhi+",";

            }else{

                i--;

            }

        }

//        jg.innerHTML = str+";总共循环了"+n+"次";

        jg.value = str+";循环了"+n+"次";

    }

</script>

</head>

<body>

<!--页面部分-->

<div id="num"></div>

<button id="btn">选择</button>

<!--结果为:<span id="jg"></span>-->

结果为：<input type="text" width="1000px" id="jg" value="">

</body>

</html>

原生JS实现彩票36选7不重复（优化）的更多相关文章

  1. 原生js的联动全选

    开发应用中有很多工具可以使用,下面介绍一个原生js写的联动全选思路!!! <!DOCTYPE html> <html lang="en"> <head ...

  2. 原生js实现三级复选框

    工作中要做一个三级的复选框,用js实现了一下,从项目中把相关代码抽取出来了,有相关需求的可以参考一下.亲测可用. <!DOCTYPE html> <html> <head ...

  3. 原生JS实现购物车全选多选按钮功能

    对于JS初学者来说,一个完整的购物车实现还是挺难的,逻辑功能挺多.写出完整功能,能提升不少JS基础,下面实现购物车全选多选按钮功能: 首先HTML及CSS部分: <style> table ...

  4. 原生js中实现全选和反选功能

    <!DOCTYPE html>      <html>      <head lang="en">          <meta char ...

  5. 折腾一天，获取下列多选框的所有选中值，原生js可直接通过obj.val()来获取，可jq不行，要通过循环取值来获取;

    折腾一天,获取下列多选框的所有选中值,原生js可直接通过obj.val()来获取,可jq不行,要通过循环取值来获取;

  6. JavaCodeTra 36选7 彩票抽奖

    想写个小代码试试自己的运气.然并卵.并不能猜中 import java.util.Random; import java.util.Scanner; /** * */ /** * @author Ha ...

  7. 原生js实现在表格用鼠标框选并有反选功能

    今天应同学要求,需要写一个像Excel那样框选高亮,并且实现框选区域实现反选功能.要我用原生js写,由于没什么经验翻阅了很多资料,第一次写文章希望各位指出不足!! 上来先建表 <div clas ...

  8. 原生JS实现购物车结算功能代码+zepto版

    html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

  9. 原生JS 表单提交验证器

    转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...

随机推荐

  1. hdu多校第一场 1013（hdu6590）Code 凸包交

    题意: 给定一组(x1,x2,y),其中y为1或0,问是否有一组(w1,w2,b),使得上述的每一个(x1,x2,y)都满足x1*w1+x2*w2+b在y=1时大于0,在y=-1时小于0. 题解: 赛 ...

  2. linux下怎么安装Go开发环境？linux部署golang

    linux下怎么安装Go开发环境?linux部署golang  0.请自行安装SSH远程工具 1.  SSH远程登录你的linux服务器 2.   yum install mercurial安装 me ...

  3. Mybatis功能架构及执行流程

    原文地址:http://blog.51cto.com/12222886/2052647 一.功能架构设计 功能架构讲解: 我们把Mybatis的功能架构分为三层: (1) API接口层:提供给外部使用 ...

  4. linux xargs命令一（与find ls等命令组合）（转）

    -p 操作具有可交互性,每次执行comand都交互式提示用户选择 -i -i 选项告诉 xargs 可以使用{}代替传递过来的参数, 建议使用-I,其符合POSIX标准 -I 格式: xargs  - ...

  5. <每日一题>题目11：以文件夹名称作为参数，返回该文件夹下所有文件的路径

    ''' 分析: 1.知道文件夹名称(假设是形如:E:\\software\\Notepad++),很显然可以通过OS模块去求 2.OS.listdir(sPath),列出文件夹内所有的文件和文件夹,以 ...

  6. angularJS ng-repeat="item in XXX track by $index"问题记录

    参考:https://blog.csdn.net/lunhui1994_/article/details/80236315 问题:项目中对数据做了分页效果,理想是:当页数大于6时,隐藏>6的页数 ...

  7. java_缓冲流(文件内容排序)

    /** 案例:诸葛亮出师表文本排序 * 1.使用HashMap集合,k存储每行文本序,v存储文本 * 2.创建字符缓冲输入流,构造方法中绑定字符输入流 * 3.使用字符串缓冲输入流中的方法readLi ...

  8. SpringCloud学习笔记《---04 Hystrix---》基础篇

  9. Matlab AlexNet 识别花

    1. 首先,你要又并行计算的工具箱,在插件选项里面找到,安装即可 2. 下载训练的数据集,采用matlab演示的材料即可 https://matlabacademy-content.mathworks ...

  10. 嘴巴题9 Codeforces 453A. Little Pony and Expected Maximum

    A. Little Pony and Expected Maximum time limit per test 1 second memory limit per test 256 megabytes ...