我希望JQuery方法.html根据<img src='file.png'>函数生成的值将<td>放在Math.random()中。 if / else语句用于确定添加了td<img src='file.png'>

问题是,每当我重新加载页面时,无论<img src='file.png'>生成什么值,总是将#bottom-right添加到Math.random中。

这是我的代码:

// script.js
$(document).ready(function () {
    var value = Math.random;
    if (value <= 0.1) {
        $("#top-left").html("<img src='file.png'>");
    } else if (value <= 0.2 && value > 0.1) {
        $("#top-middle").html("<img src='file.png'>");
    } else if (value <= 0.3 && value > 0.2) {
        $("#top-right").html("<img src='file.png'>");
    } else if (value <= 0.4 && value > 0.3) {
        $("#middle-left").html("<img src='file.png'>");
    } else if (value <= 0.5 && value > 0.4) {
        $("#middle-middle").html("<img src='file.png'>");
    } else if (value <= 0.6 && value > 0.5) {
        $("#middle-right").html("<img src='file.png'>");
    } else if (value <= 0.7 && value > 0.6) {
        $("#bottom-left").html("<img src='file.png'>");
    } else if (value <= 0.8 && value > 0.7) {
        $("#bottom-middle").html("<img src='file.png'>");
    } else {
        $("#bottom-right").html("<img src='file.png'>");
    }
});

<!-- page.html -->
<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <table border="1px">
            <tr>
                <td class="square" id="top-left"></td>
                <td class="square" id="top-middle"></td>
                <td class="square" id="top-right"></td>
            </tr>
            <tr>
                <td class="square" id="middle-left"></td>
                <td class="square" id="middle-middle"></td>
                <td class="square" id="middle-right"></td>
            </tr>
            <tr>
                <td class="square" id="bottom-left"></td>
                <td class="square" id="bottom-middle"></td>
                <td class="square" id="bottom-right"></td>
            </tr>
        </table>
    </body>
</html>


任何帮助将不胜感激。

最佳答案

变更:

var value = Math.random;


至 :

var value = Math.random();

关于javascript - 为什么我无法将Math.random()和if/else语句组合使用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39156688/

10-12 13:06
查看更多