您的位置:首页 > 其它

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

2017-11-17 15:21 183 查看
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);

            }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: