如何使用JavaScript向多个项目添加移动功能

我正试图用Javascript为页面上的多个项目添加一个move函数——Y轴的简单增加。我是Javascript新手，一直收到以下代码的错误消息，这是我缺少的吗

对于脚本：

const eyes = document.querySelectorAll('.character');

function move(){
    this.classList.toggle('move');
}

eyes.forEach(eyes => character.addEventListener('click', move));

我收到以下错误消息：

---

未捕获引用错误：NodeList.forEach（）未定义字符

您需要声明变量。用于

forEach

函数的代码声明了一个局部范围的

eyes

，用于函数内部，而不是

字符

eyes.forEach(eyes => character.addEventListener('click', move));

在上面的代码中，字符未声明且不存在

试着这样做：

const-eyes=document.queryselectoral（'.eyes'）；
函数move（）{
this.classList.toggle（'move'）；
}
eyes.forEach（eye=>eye.addEventListener（'click'，move））
。字符{
宽度：50px；
高度：50px；
边框：1px纯黑；
}
.眼睛{
显示：内联块；
宽度：10px；
高度：10px；
边框：1px纯红；
}
.搬家{
边框：1px纯绿色；
}
您在每一行的前面都有一个打字错误，
eyes=>character.add
应该是
eye=>eye.add