Question

如何在每个新的线元素中显示一个新的随机数？

目前，我的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;

}

Answer 1

您在for循环之外分配randNum。

将randNum = Math.floor(Math.random() * 11) + 1;作为for循环中的第一行，这样每次迭代都会改变

Answer 2

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

}

Answer 3

您必须计算for循环内的随机数。因此，对于每一行，它将获得不同的数字：

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

Answer 4

你有个好的开始。只需移动您的呼叫即可在for-loop中生成随机数。试试这个：

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

这是一个jsfiddle。

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

4 个答案: