实现键盘数字0-9的随机排列

来源:互联网 发布:软件著作权 源程序 编辑:程序博客网 时间:2024/06/08 04:06

html

<div id="content">    <button value="1">1</button>    <button value="2">2</button>    <button value="3">3</button>    <button value="4">4</button>    <button value="5">5</button>    <button value="6">6</button>    <button value="7">7</button>    <button value="8">8</button>    <button value="9">9</button></div>

css

*{            margin:0;            padding: 0;        }        #content{            width: 500px;            height: 500px;            margin: 100px auto 0;        }        button{            width: 30%;            height: 30%;            box-sizing: border-box;            font-size: 18px;        }

js

var buttons = document.getElementsByTagName("button");


     function fn(n)
        {
            var array = new Array();
            for(var i= 0; i<n; i++)
            {
                var rnd = Math.floor(Math.random()* (9) ) + 1;                   
                if(isIncluded(rnd, array))
                {
                    i--; 
                }
                else
                {               
                    array.push(rnd);
                }
            }   
            return array;
        }


        function isIncluded(element, array)
        {
            for (var i = 0, len = array.length; i < len; i++) 
            {
                if(array[i] == element)
                {
                    return true;
                }
            }
            return false;
        }
        demo = fn(9);
        for(var i= 0; i<demo.length; i++)
            {
                buttons[i].innerHTML = demo[i];
                console.log(buttons[i].innerHTML);
            }