Javascript 在使用JS时,表的前两行不能在Html中工作

Javascript 在使用JS时,表的前两行不能在Html中工作,javascript,html,css,Javascript,Html,Css,我想创建一个Tic-Tac游戏,但Javascript文件中可能存在一些问题,这就是为什么 第一行的任何框被单击,它们没有响应。。。而第三个是 请帮忙 var-move=1; var play=true; $(“#board tr td”)。单击(函数(){ if($(this).text()==“”&&play==true){ 如果((移动%2)==1){ $(此)。附加(“X”); }如果((移动%2)==0),则为else{ $(此)。附加(“O”); } move++; }否则{ 控制

我想创建一个Tic-Tac游戏,但Javascript文件中可能存在一些问题,这就是为什么 第一行的任何框被单击,它们没有响应。。。而第三个是 请帮忙

var-move=1;
var play=true;
$(“#board tr td”)。单击(函数(){
if($(this).text()==“”&&play==true){
如果((移动%2)==1){
$(此)。附加(“X”);
}如果((移动%2)==0),则为else{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});

依赖单元格的
文本()
总是有点棘手,因为标记中可能还有一些空间会使条件无效

要快速解决此问题,可以添加
trim()
,以确保删除标记中的所有前导和尾随空格

我创建了一个JSFIDLE来显示工作实现:


var=1;
var play=true;
$(“#board tr td”)。单击(函数(){
if($(this).text().trim()==“”&&play==true){
如果((移动%2)==1){
$(此)。附加(“X”);
}如果((移动%2)==0),则为else{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});

依赖单元格的
文本()
总是有点棘手,因为标记中可能还有一些空间会使条件无效

要快速解决此问题,可以添加
trim()
,以确保删除标记中的所有前导和尾随空格

我创建了一个JSFIDLE来显示工作实现:


var=1;
var play=true;
$(“#board tr td”)。单击(函数(){
if($(this).text().trim()==“”&&play==true){
如果((移动%2)==1){
$(此)。附加(“X”);
}如果((移动%2)==0),则为else{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});
它可以工作:

var-move=1;
var play=true;
$(“#board tr td”)。单击(函数(){
if($(this).text()==“”&&play==true){
如果((移动%2)==1){
$(此)。附加(“X”);
}如果((移动%2)==0),则为else{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});
td{
宽度:20px;
高度:20px;
背景颜色:橙色;
}

它可以工作:

var-move=1;
var play=true;
$(“#board tr td”)。单击(函数(){
if($(this).text()==“”&&play==true){
如果((移动%2)==1){
$(此)。附加(“X”);
}如果((移动%2)==0),则为else{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});
td{
宽度:20px;
高度:20px;
背景颜色:橙色;
}


这是一个完整的工作代码

var-move=1;
var play=true;
$(“#board tr td”)。单击(函数(){
如果(!($(this.text().trim())&播放){
如果(移动%2){
$(此)。附加(“X”);
}否则{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});
td{
宽度:20px;
高度:20px;
背景颜色:橙色;
}


这是一个完整的工作代码

var-move=1;
var play=true;
$(“#board tr td”)。单击(函数(){
如果(!($(this.text().trim())&播放){
如果(移动%2){
$(此)。附加(“X”);
}否则{
$(此)。附加(“O”);
}
move++;
}否则{
控制台日志(“输入正确的输入”);
}
});
td{
宽度:20px;
高度:20px;
背景颜色:橙色;
}


@Asutosh你能帮我做这个吗?@Asutosh你能帮我做这个吗?

var move = 1;
var play = true;

$("#board tr td").click(function() {
  if ($(this).text().trim() == "" && play == true) {
    if ((move % 2) == 1) {
      $(this).append("X");
    } else if ((move % 2) == 0) {
      $(this).append("O");
    }
    move++;
  } else {
    console.log("Enter correct input");
  }
});