我想要 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/