Javascript 单击时如何更改按钮的值？

在课堂上，我正在做一个井字游戏，为了让x和o出现，我被困了两天，作业明天就要交了！ 这是作业单：

COMPSCI20：Tic Tac Toe分配

创建一个HTML文件，如上所示。HTML文件应包含以下内容：

• 页面标题和指向CSS文件的链接
• 包含文本的标题部分（带有ID）
• 一个主分区（带ID），包含一个3x3的可点击按钮表（带一个类，每个按钮都有ID）
• 包含文本的页脚分区（带有ID） 标题+链接 主+表 标题 页脚

如上图所示，创建一个CSS文件来设置内容的样式。CSS文件应包含以下内容：

• 在标题部分中，定义字体、背景色、文本对齐方式和填充
• 在主分区中，定义背景色和填充
• 按钮应具有定义的高度、宽度、字体、背景色和边框
• 在页脚部分，定义字体、背景色、文本对齐方式和填充

创建一个包含两个全局变量的JS文件：一个用于存储玩家回合（X或O），另一个用于存储获胜者。 JS文件还应包含以下函数：

• 一个

  Start（）

  函数，用于将玩家回合设置为X开始，将获胜者设置为null

• ChooseSquare（）

  函数在单击的按钮上放置适当的字母，将禁用该按钮 单击，然后切换到其他玩家的回合
• 一个

  CheckWin（）

  函数，用于检查每个可能的获胜组合并在列表中显示消息 如果一个玩家赢了，请用页脚

以下是我所拥有的：

var；
无功电流；
函数Start（）{
当前=“x”；
}
函数选择器方形（）{
if（document.getElementById（“button1”）.onclick）{
document.getElementById（“button1”）.value=“x”；
document.getElementById（“button1”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button2”）.onclick）{
document.getElementById（“button2”）.value=“x”；
document.getElementById（“button2”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button3”）.onclick）{
document.getElementById（“button3”）.value=“x”；
document.getElementById（“button3”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button4”）.onclick）{
document.getElementById（“按钮4”）.value=“x”；
document.getElementById（“button4”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button5”）.onclick）{
document.getElementById（“按钮5”）.value=“x”；
document.getElementById（“button5”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button6”）.onclick）{
document.getElementById（“button6”）.value=“x”；
document.getElementById（“button6”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button7”）.onclick）{
document.getElementById（“按钮7”）.value=“x”；
document.getElementById（“button7”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button8”）.onclick）{
document.getElementById（“button8”）.value=“x”；
document.getElementById（“button8”）.disabled=true；
当前=“o”；
}else if（document.getElementById（“button9”）.onclick）{
document.getElementById（“按钮9”）.value=“x”；
document.getElementById（“button9”）.disabled=true；
当前=“o”；
}
if（document.getElementById（“button1”）.onclick）{
document.getElementById（“button1”）.value=“o”；
document.getElementById（“button1”）.disabled=true；
current=“x”
1.
}else if（document.getElementById（“button2”）.onclick）{
document.getElementById（“button2”）.value=“o”；
document.getElementById（“button2”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button3”）.onclick）{
document.getElementById（“button3”）.value=“o”；
document.getElementById（“button3”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button4”）.onclick）{
document.getElementById（“按钮4”）.value=“o”；
document.getElementById（“button4”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button5”）.onclick）{
document.getElementById（“按钮5”）.value=“x”；
document.getElementById（“button5”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button6”）.onclick）{
document.getElementById（“button6”）.value=“o”；
document.getElementById（“button6”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button7”）.onclick）{
document.getElementById（“button7”）.value=“o”；
document.getElementById（“button7”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button8”）.onclick）{
document.getElementById（“button8”）.value=“o”；
document.getElementById（“button8”）.disabled=true；
当前=“x”；
}else if（document.getElementById（“button9”）.onclick）{
document.getElementById（“button9”）.value=“o”；
document.getElementById（“button9”）.disabled=true；
当前=“x”；
}
}
函数CheckWin（）{
var one=document.getElementById（“button1”）；
var two=document.getElementById（“button2”）；
var三=document.getElementById（“按钮3”）；
var four=document.getElementById（“按钮4”）；
变量5=document.getElementById（“按钮5”）；
var六=document.getElementById（“按钮6”）；
var seven=document.getElementById（“按钮7”）；
var八=document.getElementById（“按钮8”）；
var nine=document.getElementById（“按钮9”）；
//x赢
如果（一==“x”&&2==“x”&&3==“x”）{
window.alert（“player1获胜”）
}
如果（一个==“x”&四个==“x”&七个==“x”）{
window.alert（“player1获胜”）
}
如果（一个==“x”&五个==“x”&九个==“x”）{
窗口提示（“p