let O1 = false
let X1 = false
let turn = 0
function Xon1() {
if(O1 === false && X1 === false && turn === 0) {
    document.getElementById("1").innerHTML = 'X'
    let X1 = true
  setTimeout(compMove, 1000)}}
  function compMove() {
    if(X1 === true) {
    document.getElementById("5").innerHTML = 'O'}}
      td {
border: 1px solid black;
height: 50px;
width: 50px;}
<html>
  <body>
</body>
  <table>
    <tr>
        <td align= 'center'><button id="1" onclick="Xon1()">-</button></td>
        <td align= 'center'><button>-</button></td>
        <td align= 'center'><button>-</button></td>
    </tr>
    <tr>
        <td align= 'center'><button>-</button></td>
        <td align= 'center'><button>-</button></td>
        <td align= 'center'><button>-</button></td>
    </tr>
    <tr>
        <td align= 'center'><button">-</button></td>
        <td align= 'center'><button">-</button></td>
        <td align= 'center'><button">-</button></td>
    </tr>
</table>
</html>

我一直在try 不同的方法,但是每当我向CompMove()添加一条if语句时,它都不会运行,即使X1等于True.我想不出我们到底出了什么问题,请帮帮忙.

推荐答案

不要在Xon1中使用字母和向所有框添加ID来再次声明X1 以下是您正在寻找的潜在代码

<html>
  <body>
    <style>
      td {
        border: 1px solid black;
        height: 50px;
        width: 50px;
      }
    </style>
    <script>
      let O1 = false;
      let X1 = false;
      let turn = 0;

      function Xon1() {
        if (O1 === false && X1 === false && turn === 0) {
          document.getElementById("1").innerHTML = 'X';
          X1 = true; // no need declare X1 again using let so I removed that
          setTimeout(compMove, 1000);
        }
      }

      function compMove() {
        if (X1 === true) {
          document.getElementById("5").innerHTML = 'O';
        }
      }
    </script>
  <table>
    <tr>
      <td align="center"><button id="1" onclick="Xon1()">-</button></td>
      <td align="center"><button id="2">-</button></td>
      <td align="center"><button id="3">-</button></td>
    </tr>
    <tr>
      <td align="center"><button id="4">-</button></td>
      <td align="center"><button id="5">-</button></td> 
      <td align="center"><button id="6">-</button></td>
    </tr>
    <tr>
      <td align="center"><button id="7">-</button></td>
      <td align="center"><button id="8">-</button></td>
      <td align="center"><button id="9">-</button></td>
    </tr>
  </table>
  </body>
</html>

为下一步做好一切准备.

Javascript相关问答推荐

从实时数据库(Firebase)上的子类别读取数据

Google Apps脚本中的discord邀请API响应的日期解析问题

在Angular中将样式应用于innerHTML

Spring boot JSON解析错误:意外字符错误

在grafana情节,避免冲突的情节和传说

如何在ASP.NET中使用Google Charts API JavaScript将条形图标签显示为绝对值而不是负值

确保函数签名中的类型安全:匹配值

如何 for each 输入动态设置输入变更值

一个实体一刀VS每个实体多刀S

当标题被点击时,如何使内容出现在另一个div上?

为什么延迟在我的laravel项目中不起作用?

每隔3个项目交替显示,然后每1个项目交替显示

在单击按钮时生成多个表单时的处理状态

P5play SecurityError:无法从';窗口';读取命名属性';Add';:阻止具有源的帧访问跨源帧

如何将字符串拆分成单词并跟踪每个单词的索引(在原始字符串中)?

$GTE的mongoose 问题

在传单的图像覆盖中重新着色特定 colored颜色 的所有像素

需要从对象生成列表

react :图表负片区域不同 colored颜色

如何动态呈现适合未知屏幕大小的最大数量的表行?苗条的