gpt4 book ai didi

javascript - 我正在尝试用 html 和 javascript 制作一个简单的 tic tac toe 游戏

转载 作者:行者123 更新时间:2023-11-28 15:41:35 26 4
gpt4 key购买 nike

我正在尝试使用 html 和 javascript 制作一个简单的井字棋游戏,其中单击一个按钮,该按钮的值变为“x”,但是当我单击它时,没有任何反应。

<!doctype html>
<html>
<head>
<style>
</style>
<script>
function tic(a) {
document.getElementById(a).value = "x";
}
</script>
</head>
<body>
<center>
Tic-Tac-Toe
</center>
<center>
<table>
<tr>
<td>
<input value=" " name="aa" type="button" onClick="tic("aa")">
</td>
<td>
<input value=" " name="ab" type="button" onClick="tic("ab")">
</td>
<tr>
</table>
</center>
</body>
</html>

最佳答案

你注意到这里有什么奇怪的吗?

onClick="tic("aa")"

看看引号。你的属性值实际上是

onClick="tic("

这不是有效的 JavaScript。在值内使用不同的引号:

onClick="tic('aa')"
<小时/>

另一个问题是没有 ID 为 aa 或 ab 的元素,因此 document.getElementById(a) 将返回 null。如果您打算引用按钮,您可以为它们提供 ID,或者直接将元素本身直接传递给函数:

<script>
function tic(element) {
element.value = "x";
}
</script>

<input value=" " name="aa" type="button" onClick="tic(this)">

我建议阅读these articles了解有关事件处理的更多信息,以及 about DOM .

关于javascript - 我正在尝试用 html 和 javascript 制作一个简单的 tic tac toe 游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23576493/

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