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是向0
舍入的简单快捷方式

如何正确使用“for loop”在另一个模具辊的功能中滚动一个（或多个）模具？

1 个答案: