0

我是一名学生，并且是计算机编程的新手，并且有一个关于我正在从事的项目以及我应该如何使其工作的快速问题。

这就是要求：与其最初在页面上显示两个骰子，不如只从一个骰子图像开始，然后在函数的 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 循环函数以及我应该如何在另一卷中调用一个卷？任何建议将不胜感激！谢谢！

4

1 回答 1

0

使用类似的东西

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是一种简单而快速的向 0 舍入的方法
于 2013-11-11T02:50:10.167 回答