gpt4 book ai didi

javascript - 我如何在 TIC TAC TOE 中随机选择一个单元格

转载 作者:行者123 更新时间:2023-11-28 05:38:32 24 4
gpt4 key购买 nike

我对堆栈溢出编程很陌生,所以请对我宽容一些。我正在制作一个 tic tac toe 游戏,但还没有找到标记 random_cell 并向其附加和图像的方法,因此如果您能提供帮助,它将很有帮助。也欢迎 jquery

var x_or_o = ["x","o"];
var user = x_or_o[Math.floor(Math.random()*x_or_o.length)];

function random_cell(){
var cells = ["zero","one","two"];
return ("#"+cell[Math.floor(Math.random()*cells.length)]+"_"+cell[Math.floor(Math.random()*cells.length)]);
}


function clink(id_ele){
$(id_ele).one(("click",water(id_ele)));
}

function water(id_ele){
$(id_ele).click(function(){
if (user == "x"){
$(id_ele).append("<img src =img/x.png>").addClass("done-x");
if (! random_cell.hasClass()){
$(random_cell).append("<img src =img/o.png>");
}
else{
random_cell();
water(id_ele);
}
}
else if (user == "o"){
$(id_ele).append("<img src =img/o.png>").addClass("done-o");
}
}
)
}

clink("#zero_zero");
clink("#zero_one");
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tic Tac Toe</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<h1>TIC TAC TOE</h1>
</header>
<section>
<table>
<tr>
<td id = "zero_zero"></td>
<td id = "one_zero"></td>
<td id = "two_zero"></td>
</tr>
<tr>
<td id = "zero_one"></td>
<td id = "one_one"></td>
<td id = "one_two"></td>
</tr>
<tr>
<td id = "two_zero"></td>
<td id = "two_one"></td>
<td id = "two_two"></td>
</tr>
</table>
</section>
<footer>
<p>&copy; Kunal Mehta 2016</p>
<img src="img/facebook.png" alt="">
<img src="img/twitter.png" alt="">
</footer>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</body>
</html>

最佳答案

您可以简单地使用 Math.random() 创建数字,然后为您的 ids 构建一些翻译,就像您所做的那样。但请注意,您当前的 ids 没有任何意义。他们不一致。我对它们进行了一些更改以使其有用。

另请注意,random_cell 中的数组称为 cells,但在随机创建中使用 cell。这也行不通。

function random_cell() {
var cells = ["zero","one","two"];
var length = cells.length;

return ("#" + cells[Math.floor(Math.random()*length)] +
"_" + cells[Math.floor(Math.random()*length)]);
}

setInterval(function() {
var id = random_cell();

$("td").removeClass("highlight");
$(id).addClass("highlight")
}, 500);
.highlight {
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
<tr>
<td id="zero_zero">1</td>
<td id="one_zero">2</td>
<td id="two_zero">3</td>
</tr>
<tr>
<td id="zero_one">4</td>
<td id="one_one">5</td>
<td id="two_one">6</td>
</tr>
<tr>
<td id="zero_two">7</td>
<td id="one_two">8</td>
<td id="two_two">9</td>
</tr>
</table>

关于javascript - 我如何在 TIC TAC TOE 中随机选择一个单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39147230/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com