我如何正確地使用“ for循環”在一個骰子功能中滾動一個（或多個）骰子？

Question

我是一名學生，是計算機編程的新手，對我正在從事的項目以及如何使其正常運轉有一個快速的問題。

這就是要求：不是在頁面上最初顯示兩個骰子，而是從一個骰子圖像開始，然后在函數的for循環內構建第二個圖像標簽。 刪除第一個代碼塊（滾動第一個骰子），然后將第二個骰子的代碼（構建img標簽的代碼）放入運行兩次的“ for”循環中。

<script type="text/javascript">
        //double dice script
        function SelectImage2() {
            roll2 = Math.floor(Math.random() * 6) + 1;
            imgName2 = '../images/die' + roll2 + '.gif';
            document.getElementById('dieImg2').src = imgName2;

            roll3 = Math.floor(Math.random() * 6) + 1;
            imgName3 = '../images/die' + roll3 + '.gif';
            document.getElementById('dieImg3').src = imgName3;


        }

    </script>

<div style="text-align:center">
        <p>
            <img id="dieImg2" alt="die image"
            src="../images/die2.gif" >

            <img id="dieImg3" alt="die image"
            src="../images/die3.gif" >
        </p>
        <input type="button" value="Roll until doubles" onclick="SelectImage2();">

    </div>

基本上，我想我只是在找一個人來解釋for循環功能，以及我應該如何在另一卷中調用一個卷？ 任何建議將不勝感激！ 謝謝！

Answer 1

使用類似

function SelectImage2() {
    for (var i = 2; i <= 3; ++i) {
        var roll = Math.floor(Math.random() * 6) + 1,
            imgName = '../images/die' + roll + '.gif';
        document.getElementById('dieImg' + i).src = imgName;
    }
}

或者，如果您需要緊湊的代碼，

function SelectImage2() {
    for (var i = 2; i <= 3; ++i) {
        document.getElementById('dieImg' + i).src
           = '../images/die' + ( 1 + Math.random() * 6 | 0 ) + '.gif';
    }
}

筆記

• 始終使用var修飾變量！
• number|0是四舍五入的簡單快速方法