双色球js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双色球生成器</title>
</head>
<body>
<div style="margin: 0 auto;padding: 0px;background-color: cadetblue;text-align: center;width:auto;height: auto">
    <h1>双色球生成器</h1>
    <form>
        <input type="button" value="机选按钮" onclick="random()"/>
    </form>
</div>
<script>
function random() {
    var array = new Array(7);
    for(var i=0;i<array.length;i++){
        array[i] = Math.ceil(Math.random()*33);//向上转型
        if(i===6){
            array[i] = Math.ceil(Math.random()*16)
        }
    }
for(var i=0;i<array.length-1;i++){
        for(var j=0;j<array.length-2;j++){
           if(array[j]>array[j+1]){
               a = array[j];
               array[j] = array[j+1];
               array[j+1] = a;
           }
        }
}
    alert("第1个红球:"+array[0]+"\n"+"第2个红球:"+array[1]+"\n"+"第3个红球:"+array[2]+"\n"+
        "第4个红球:"+array[3]+"\n"+"第5个红球:"+array[4]+"\n"+"第6个红球:"+array[5]+"\n"+"蓝球:| "+array[6]);
}

</script>
</body>
</html>
时间: 2024-10-23 09:59:12

双色球js的相关文章

JS动效--双色球

主要思路 前面六个为红色球,选号范围01-33,最后一位是蓝色球,选号范围01-16. 蓝球数字有可能跟红色球一样 所以 写了一个生成六位不重复的数组 让后通过innerHTML赋值给className相对应的div里面 i  控制 模拟转动的时间 在if判断中 数字越大 转动时间越久 最后就会产生一组对应的随机数 主要是练习创建DOM 然后用innerHTML或者 innerText 来添加文本内容 1 <head> 2 <meta charset="UTF-8"&

原生js代码挑战之动态添加双色球

var ballArr = []; //存放已有的红球,用来排除重复和排序window.onload = function(){ var btn = document.createElement("button"); btn.innerHTML = "按键开始传球!"; btn.onclick = turnRunGo; document.getElementsByTagName("body")[0].appendChild(btn);}//当有重

js做双色球

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 400px; height: 600px; background: red; margin: 100px auto; position: relative; } *{ margi

day13-web前端之JS与JQuery

第1章 JavaScript课堂总结 Blog链接: JS语法基础:http://www.cnblogs.com/liwenzhou/p/8004649.html BOM和DOM:http://www.cnblogs.com/liwenzhou/p/8011504.html jQuery:http://www.cnblogs.com/liwenzhou/p/8178806.html # 今日内容 1. JavaScript 1. JS基础语法 1. 如何在网页中引入JS? 2. 变量 3. 数据

【API】高德地图API JS实现获取坐标和回显点标记

1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现 第一步:引入资源文件 <!--引入高德地图JSAPI --><script src="//webapi.amap.com/maps?v=1.3&key=在官网申请一个key"></script><!--引入UI组件库(1.0版本) --><script src="//webapi.amap.com/ui/1.0/main.js">

js跨域

第一次写博客,好紧张,不知道能写成啥样,哈哈哈. 自己的一知片解,有错请多多指教,嘻嘻嘻. 一.何为跨域? 只要协议.域名.端口后任何一个不同,就是跨域. 举个例子: http://www.example.com 协议不同 https://www.example.com http://www.example.com 域名不同 http://www.test.com http://www.example.com 端口不同 http://www.example.com:81 注意:ip相同,域名不同

Vue.js学习笔记:属性绑定 v-bind

v-bind  主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如: <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> 绑定HTML Class 一.对象语法: 我们可以给v-bind:class 一个对象,以动态地切换class.注意:v-bind:class指令可以与普通的class特

node.js的安装及配置

一.安装 直接在浏览器搜索node.js,在官网上下载(一般旧版的更加稳定,比如下载4.4.7版本) 点击DOWNLOADS 往下翻,点击Previous Release Windows下载msi(64位/32位) 根据提示一步步安装,安装之后的文件夹如下: 在cmd命令行下输入node -v,如果出现如下,说明安装成功: 二.关于配置 在安装路径下新建两个文件夹: 创建完两个空文件夹之后,打开cmd命令窗口,输入 npm config set prefix "D:\Program Files

Node.js 使用angularjs取得Nodejs http服务端返回的JSON数组示例

server.js代码: // 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块) var http=require("http"); // 创建服务器,创建HTTP服务器要调用http.createServer()函数,它只有一个参数,是个回调函数,服务器每次收到http请求后都会调用这个回调函数.服务器每收到一条http请求,都会用新的request和response对象触发请求函数. var server=http.createS