javascript - 「for ループ」を適切に使用して、別のサイコロの関数内で 1 つ (または複数) のサイコロを振るにはどうすればよいですか?

Question

私は学生で、コンピューター プログラミングは初めてで、現在取り組んでいるプロジェクトと、それを機能させる方法について簡単な質問がありました。

これが要件です: ページに最初に 2 つのサイコロを表示する代わりに、1 つのサイコロの画像から始めて、関数の for ループ内に 2 番目の画像タグを作成します。コードの最初のブロック (最初のサイコロを振る) を削除し、代わりに 2 番目のサイコロ (img タグを作成するブロック) のコードを、2 回実行される "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ループ機能と、あるロールを別のロール内で呼び出す方法を説明してくれる人を探しているだけだと思いますか? どんなアドバイスでも大歓迎です！ありがとう！