Javascript 如何修复无法工作的addEventListener？

我的代码有两个addEventListener（），第一个很好，但第二个有问题

让catNames=['pew'，'haha'，'Tsh'，'bom'，'tok']；
让catPhotos=document.queryselectoral（'li img'）；
让catNamePlaces=document.querySelectorAll（'lip'）；
let area=document.getElementById（'area'）；
让targetName=document.querySelector（“#区域p”）；
设targetImg=document.querySelector（“#area img”）；
让counterArea=document.querySelector（“#area div”）；
for（设i=0；i














让catNames=['pew'，'haha'，'Tsh'，'bom'，'tok']；
让catPhotos=document.queryselectoral（'li img'）；
让catNamePlaces=document.querySelectorAll（'lip'）；
let area=document.getElementById（'area'）；
让targetName=document.querySelector（“#区域p”）；
设targetImg=document.querySelector（“#area img”）；
让counterArea=document.querySelector（“#area div”）；
for（设i=0；i














让catNames=['pew'，'haha'，'Tsh'，'bom'，'tok']；
让catPhotos=document.queryselectoral（'li img'）；
让catNamePlaces=document.querySelectorAll（'lip'）；
let area=document.getElementById（'area'）；
让targetName=document.querySelector（“#区域p”）；
设targetImg=document.querySelector（“#area img”）；
让counterArea=document.querySelector（“#area div”）；
for（设i=0；i













//此部分不会更改
让catNames=['pew'，'haha'，'Tsh'，'bom'，'tok']；
让catPhotos=document.queryselectoral（'li img'）；
让catNamePlaces=document.querySelectorAll（'lip'）；
let area=document.getElementById（'area'）；
让targetName=document.querySelector（“#区域p”）；
设targetImg=document.querySelector（“#area img”）；
让counterArea=document.querySelector（“#counter”）；
for（设i=0；i

添加一个函数以获取特定目标，然后将+1添加到计数器并显示它
//此部分不变
让catNames=['pew'，'haha'，'Tsh'，'bom'，'tok']；
让catPhotos=document.queryselectoral（'li img'）；
让catNamePlaces=document.querySelectorAll（'lip'）；
let area=document.getElementById（'area'）；
让targetName=document.querySelector（“#区域p”）；
设targetImg=document.querySelector（“#area img”）；
让counterArea=document.querySelector（“#counter”）；
for（设i=0；i

添加一个函数以获取特定目标，然后添加+1以计数并显示它，如果希望每次单击图像时
num
变量都递增，则需要在函数的外部范围中定义它，以便在函数调用之间保留值

在已定义的变量下添加声明：

var num=0

并从函数中删除该参数

targetImg.addEventListener('click', (function() {
  num++;
  counterArea.innerHTML = num;
}));

如果希望每次单击图像时都递增
num
变量，则需要在函数的外部范围中定义它，以便在函数调用之间保留值

在已定义的变量下添加声明：

var num=0

并从函数中删除该参数

targetImg.addEventListener('click', (function() {
  num++;
  counterArea.innerHTML = num;
}));

好的，现在它是增量+1，但当我单击catPhotos而不是TargetImgOK，现在它是增量+1，但当我单击catPhotos而不是targetImgCode时，没有解释是没有用的。你改变了什么？为什么？没有解释的代码是没有用的。你改变了什么？为什么？