实现键盘数字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);
}
<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);
}
相关文章推荐
- android-使用PopupWindow实现随机排列的自定义密码键盘
- 使用spring+html5实现安全传输随机数字密码键盘
- javascript实现数字随机软键盘
- 【小程序】JAVA实现从10~50中随机生成50个数,统计出现的数字及次数,输出出现最多的次数及对应的数字,按数字升序排列。
- spring+html5实现安全传输随机数字密码键盘
- android-使用PopupWindow实现随机排列的自定义密码键盘
- 随机产生50个30到35的整数,统计每个数字出现的次数(TreeMap实现),输出时按照数字的降序排列,并且统计出现次数最多的数字和它的次数。
- 用C语言随机排列N个数字
- 雇佣问题随机排列数组(permuteBySorting)-c++代码实现及运行实例结果
- java代码--------实现随机输出100个随机数,10行,0--到9的数字
- python实现6为字母+数字的随机验证码
- 可用的ASP无重复数字随机函数, 数组实现, 并应用于随机显示记录集
- JavaScript实现数字数组正序排列的方法
- js实现简易的单数字随机抽奖(0-9)
- 利用迭代实现逆序排列一个数字,比如输入1232,得到2321
- js实现随机数字字母验证码
- 雇佣问题随机排列数组(permuteBySorting)-c++代码实现及运行实例结果
- java 递归 实现数字的排列组合
- jquery实现图片随机排列的方法
- XZ_iOS之实现textField限制只能输入数字,无论是第三方键盘还是自带键盘