双色球

最新推荐文章于 2018-07-15 12:31:00 发布

原创最新推荐文章于 2018-07-15 12:31:00 发布 · 247 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .case{
            width: 1200px;
            height: 200px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 0 auto;
        }
     .red{
         width: 150px;
         height: 150px;
         border-radius: 50%;
         background: red;
         font-size: 65px;
         color: white;
         display: flex;
         justify-content: space-around;
         align-items: center;
     }
        .blue{
            width: 150px;
            height: 150px;
            border-radius: 50%;
            font-size: 65px;
            color: white;
            background: blue;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
    </style>
</head>
<body>
  <div class="case">
      <div class="red"></div>
      <div class="red"></div>
      <div class="red"></div>
      <div class="red"></div>
      <div class="red"></div>
      <div class="red"></div>
      <div class="blue"></div>
  </div>
  <script>
      var a=new Array();
      var red=document.getElementsByClassName("red")
      var blue=document.getElementsByClassName("blue")[0]
      var c=0;
      for(var i=0;i<red.length;i++){
          a[i]=Math.floor(Math.random()*33+1);
          for(var j=0;j<i;j++){
              if(a[i]==a[j]){
                  a[i]=Math.floor(Math.random()*32+1);
                  j--;
              }

          }
      }
             function compare(a,b){
                  return a - b;
              }
      a.sort(compare)
     for(var i=0;i<red.length;i++){
         red[i].innerText=a[i]
     }
     c=Math.floor(Math.random()*16+1)
     blue.innerText=c
  </script>
</body>
</html>