如何使用JavaScript for循环在每行上显示一个新的随机数？_Javascript_For Loop

如何使用JavaScript for循环在每行上显示一个新的随机数？

javascript for-loop

如何使用JavaScript for循环在每行上显示一个新的随机数？,javascript,for-loop,Javascript,For Loop,如何显示每个新行元素的新随机数目前，我的HTML正在显示号码是4 号码是4 号码是4 号码是4 号码是4 我想它显示一个随机数与每一行。号码是4 号码是1 号码是9 号码是3 号码是11 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="info"> </div>

如何显示每个新行元素的新随机数

目前，我的HTML正在显示号码是4 号码是4 号码是4 号码是4 号码是4

我想它显示一个随机数与每一行。号码是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;

}

您在for循环外分配一次randNum

放置randNum=Math.floorMath.random*11+1；作为for循环中的第一行，它会随着每次迭代而改变，因此必须计算for循环中的随机数。因此，对于每一行，它将得到一个不同的数字，如下所示：

<!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;

}

for (var i = 0; i < 5; i++) {
    // calculate random here
    var randNum = Math.floor(Math.random() * 11) + 1;
    messNum = "The number is " + randNum + "</br>";
    // ...

你有一个好的开始。只需移动调用即可在for循环中生成随机数。试试这个：

<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>

这里有一个答案

把变量randNum=Math.floor。。。for循环中的行