为什么html文件不是'；t在使用javascript的tic-tac-toe游戏中识别图像并为用户分配点数？

我之前问过一个问题，我解决了这个问题，现在我用来存储X，O的全局变量，在用不同的图像改变它们之后，似乎没有被识别为“X”和“O”的真实值

用户需要选择一个图像，该图像将替换原始的“X”和“O”图像，当玩家玩单线或对角线时，每个玩家变量中都应该有点，但当我更改图像源时，条件似乎无法根据需要捕捉图像的更改

如果用户选择了他们想要的图像，并且图像总是不同的，我如何使游戏正确地存储点数

指向系统似乎可以使用原始的“X”和“O”源，但不能使用更改后的图像

如果您尝试此代码，它将不会显示存储在我的计算机中的图像，但如果您在tic tac toe中触摸图像一次，它将是第一个图标，如果触摸两次，它将是第二个图标，因此存储点系统应能工作，但它无法识别图像

桌子{
边框：5px纯黑；
边界塌陷：塌陷；
保证金：自动；
}
运输署{
边框：5px纯黑；
填充：2px；
}
#bttn，
#瓜达里根{
保证金：自动；
显示：块；
}
#结果,，
#蓬塔耶{
文本对齐：居中；
}
.头衔{
字号：80px；
文本对齐：居中；
}
.标题2{
文本对齐：居中；
}
.1分部{
文本对齐：居中；
}
实习2
TA-TE-TI
Ejercicio 30

Elije un icono para jugador X：



Elije un icono para jugador O：







瓜达尔波西翁酒店






功能块（）{
设c1=document.querySelector（#img1”）.addEventListener（“单击”，闪烁1）；
设c2=document.querySelector（#img2”）.addEventListener（“单击”，闪烁2）；
设c3=document.querySelector（#img3”）.addEventListener（“单击”，闪烁3）；
设c4=document.querySelector（#img4”）.addEventListener（“单击”，闪烁4）；
设c5=document.querySelector（#img5”）.addEventListener（“单击”，闪烁5）；
设c6=document.querySelector（#img6”）.addEventListener（“单击”，闪烁6）；
设c7=document.querySelector（#img7”）.addEventListener（“单击”，闪烁7）；
设c8=document.querySelector（#img8”）.addEventListener（“单击”，闪烁8）；
设c9=document.querySelector（#img9”）.addEventListener（“单击”，闪烁9）；
设bttn=document.querySelector（“#bttn”）.addEventListener（“单击”，瓜达尔）；
设ci1x=document.querySelector（#x1”）.addEventListener（“单击”，change1x）；
设ci2x=document.querySelector（#x2”）.addEventListener（“单击”，change2x）；
设ci3x=document.querySelector（#x3”）.addEventListener（“单击”，更改3x）；
设ci1o=document.querySelector（#o1”）.addEventListener（“单击”，change1o）；
设ci2o=document.querySelector（#o2”）.addEventListener（“单击”，change2o）；
设ci3o=document.querySelector（“#o3”）.addEventListener（“单击”，change3o）；
让guardarImagen=document.querySelector（#guardarImagen”）.addEventListener（“单击”，保存图标）；
}
block（）；
//象征
设x=”https://image.freepik.com/iconos-gratis/x-simbolo_318-1407.jpg";
让o=”https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR-nKrx88anoryiFTXJCzkz-QldJxop3wOhOQ&usqp=CAU”；
让我们问一下https://rb.gy/ewvlsc";
//胡加多Opciones X
让feliz=“imgs/happy.jpg”；
let perro=“imgs/dog.jpg”；
让hombre=“imgs/person.jpg”；
//胡加多奥皮奥尼斯酒店
让mujer=“imgs/woman.jpg”；
让gato=“imgs/cat.jpg”；
let sol=“imgs/sunglases.jpg”；
//图像
设i1=document.querySelector（“#img1”）；
设i2=document.querySelector（#img2”）；
设i3=document.querySelector（#img3”）；
设i4=document.querySelector（#img4”）；
设i5=document.querySelector（#img5”）；
设i6=document.querySelector（#img6”）；
设i7=document.querySelector（#img7”）；
设i8=document.querySelector（#img8”）；
设i9=document.querySelector（#img9”）；
设icon1x=document.querySelector（“#x1”）；
设icon2x=document.querySelector（“#x2”）；
设icon3x=document.querySelector（“#x3”）；
设icon1o=document.querySelector（“#o1”）；
设icon2o=document.querySelector（“#o2”）；
设icon3o=document.querySelector（“#o3”）；
//jugadas第X段
设l1hx=0；//水平线1
设l2hx=0；//直线2水平
设l3hx=0；//直线3水平
设l1vx=0；//直线1垂直
设l2vx=0；//直线2垂直
设l3vx=0；//直线3垂直
设l1dx=0；//直线1对角线
设l2dx=0；//直线2对角线
//jugadas para O
设l1ho=0；//水平线1
设l2ho=0；//直线2水平
设l3ho=0；//直线3水平
设l1vo=0；//直线1垂直
设l2vo=0；//直线2垂直
设l3vo=0；//直线3垂直
设l1do=0；//直线1对角线
设l2do=0；//直线2对角线
//胡瓜人
设jugadorX=0；
让jugadorO=0；
//尤伊戈终点站
/*
document.querySelector（“img1”）。移除EventListener（“单击”，闪烁1）；
document.querySelector（“img2”）。移除EventListener（“单击”，闪烁2）；
做