Javascript forEach内部需要EventLister参数错误（工具提示）

我一直在尝试构建一个更简单的基于JavaScript的工具提示。经过反复试验和搜索，我找到了Daniel Imms

我一直在我的电脑上做这个。我还有一个版本，它完整地保存了Daniel Imms的原始JS，并且在控制台中没有显示任何错误

我改变了结构，使用forEach添加事件监听器，并使用arrow函数尝试提高语法效率。不幸的是，我做了一些错误的事情，一开始我没有意识到这一点，因为工具提示只是部分地处理HTML和CSS。我仍然需要Javascript来控制硬编码的XY位置，但我不希望它跟随光标。 我可以在

codepen

中看到的错误有：

TypeError:EventTarget.addEventListener:至少需要2个参数，但只传递了1个

及

SyntaxError:应为表达式，Get'）'

非常感谢所有的帮助

以及：

“消息”：“类型错误：工具提示未定义”

请参阅随附的我的代码：

var tooltips=document.querySelectorAll（'.tooltipspan'）.forEach（项=>{
item.addEventListener（'mouseover'，event=>{
tooltips.style.top='40px'；
tooltips.style.left='80px'；
})
})

。工具提示{
文字装饰：无；
位置：相对位置；
}
.工具提示范围{
显示：无；
}
.工具提示：悬停范围{
显示：块；
位置：固定；
溢出：隐藏；
}
.信息箱
{
背景：粉红色；
填充：0.5%；
宽度：290px；
高度：40px；
显示：块；
}

试验
测试2
测试3

您正在将

forEach

的返回值分配给

工具提示

，并且它始终是

未定义的

您需要将

document.queryselectoral（'.tooltipspan'）

的值分配给

tooltips

变量，并按如下方式实现

forEach

var tooltips=document.querySelectorAll（'.tooltipspan'）；
工具提示。forEach（项=>{
item.addEventListener（'mouseover'，event=>{
tooltips.style.top='40px'；
tooltips.style.left='80px'；
})
})

。工具提示{
文字装饰：无；
位置：相对位置；
}
.工具提示范围{
显示：无；
}
.工具提示：悬停范围{
显示：块；
位置：固定；
溢出：隐藏；
}
.信息箱
{
背景：粉红色；
填充：0.5%；
宽度：290px；
高度：40px；
显示：块；
}

试验
测试2
测试3

谢谢您的帮助。