如何使用JavaScript for循环在每行上显示新的随机数？
[英]How can I display a new random number on each line with a JavaScript for loop?
问题描述
How can display a new random number with each new line element? 
如何在每个新的线元素上显示一个新的随机数？
Currently, my HTML is displaying The number is 4 The number is 4 The number is 4 The number is 4 The number is 4 当前，我的HTML正在显示数字为4数字为4数字为4数字为4数字为4
I would like it to show a random number with each line. 我希望每行显示一个随机数。 The number is 4 The number is 1 The number is 9 The number is 3 The number is 11 数字是4数字是1数字是9数字是3数字是11
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="info">
</div>
<script src="main.js"></script>
</body>
</html>
var divInfo = document.getElementById('info');
var quote = document.createElement('p');
var randNum = Math.floor(Math.random() * 11) + 1;
var messNum = '';
for (var i = 0; i < 5; i++) {
messNum = "The number is " + randNum + "</br>";
divInfo.appendChild(quote);
quote.innerHTML += messNum;
}
4 个解决方案
解决方案1
1 已采纳 2017-02-02 03:50:23
You are assigning randNum once outside of your for loop. 您在for循环外分配了randNum 。
Put randNum = Math.floor(Math.random() * 11) + 1; 把randNum = Math.floor(Math.random() * 11) + 1; as your first line inside the for loop, that way it changes with every iteration 作为for循环中的第一行，因此每次迭代都会改变
解决方案2
0 2017-02-02 03:51:41
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="info">
</div>
<script src="main.js"></script>
</body>
</html>
var divInfo = document.getElementById('info');
var quote = document.createElement('p');
var messNum = '';
for (var i = 0; i < 5; i++) {
var randNum = Math.floor(Math.random() * 11) + 1;
messNum = "The number is " + randNum + "</br>";
divInfo.appendChild(quote);
quote.innerHTML += messNum;
}
解决方案3
0 2017-02-02 03:53:20
You have to calculate the random number inside the for loop. 您必须计算for循环内的随机数。 So for each line it will get a different number like this: 因此，对于每一行，它将得到一个不同的数字，如下所示：
for (var i = 0; i < 5; i++) {
// calculate random here
var randNum = Math.floor(Math.random() * 11) + 1;
messNum = "The number is " + randNum + "</br>";
// ...
解决方案4
0 2017-02-02 04:01:29
You have a good start. 您有一个好的开始。 Just move your call to generate the random number inside your for-loop. 只需移动您的电话即可在for循环内生成随机数。 Try this: 尝试这个：
<script>
var divInfo = document.getElementById('info');
var quote = document.createElement('p');
var randNum;
var messNum = '';
for (var i = 0; i < 5; i++) {
randNum = Math.floor(Math.random() * 11) + 1;
messNum = "The number is " + randNum + "</br>";
divInfo.appendChild(quote);
quote.innerHTML += messNum;
}
</script>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.