安排随机数字html版本

时间:2015-03-08 16:06:02

标签: javascript html

我需要显示5个从最低到最高排列的随机数。

这是我的代码。

我没有把算法放在最低和最高的位置。

<html>
    <head>
    </head>
    <body>
      <p></p>
       <script type="text/javascript">
for ( i = 0; i < 5; i++ ) {
 var randNum = 0;
 var randNum = Math.floor(Math.random() * 5);
 document.write(randNum + "\n");
}
</script>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

我想你想随机显示唯一的数字。使用当前代码,您将面临重复随机数。具有固定数字的数组在这里会更好。因此,您可以删除已选择的数字:

numberArray = [1, 2, 3, 4, 5];

for (var i = 0, len = numberArray.length; i < len; i++) {
  var randNum = 0;
  randNum = Math.floor(Math.random() * numberArray.length);
  document.body.innerHTML += numberArray.splice(randNum, 1);
}

我正在使用splice从数组中删除选定的索引元素。 Splice返回元素,以便我们可以在页面上打印它。 Splice接受参数:起始索引和长度。

randNum基于当前数组的每个长度,而循环本身基于数组的原始长度。

除非您确切知道自己在做什么,否则请避免使用document.write。改为使用DOM操作。

当然,如果你有很多数字,你也可以让JavaScript为你创建数组:

var numberArray = []; //create empty array
for (var i = 1; i <= 100; i++)
{
    numberArray.push(i); //push number to array
}
相关问题