Javascript 更改按钮文本内容时出现问题

我正在用Javascript制作一个战舰游戏，我有一个改变按钮文本内容的函数问题。我想这样做，当用户点击按钮时，按钮的文本内容会发生变化

function changePosition(eventBtn){
if(eventBtn.target.textContent=='perpendicularly'){
    eventBtn.target.textContent='horizontally';
}
else{
    eventBtn.target.textContent='perpendicularly';
}}

---

但当我点击按钮时，一切都没有改变。我认为问题出在else语句上，因为当我删除此语句时，所有语句都会起作用。

请确保将侦听器适当地添加到按钮中

功能更改位置（事件）{
if（event.target.textContent===‘垂直’）{
event.target.textContent='水平'；
}否则{
event.target.textContent='垂直'；
}
}
document.querySelector（“.direction”）.addEventListener（'click'，changePosition）
垂直
你能添加你的HTML吗，或者给我们提供一个你的代码看起来很好的例子吗？我在CodePen中试用过，效果很好。您需要分享更多信息：）这是我的密码笔，可能取决于按钮是按钮还是输入-不要认为文本内容在添加了inputI的侦听器上工作appropriately@Tsuso请说明您是如何在上面的代码中添加它的。您将需要一个运行的最小示例。我解决了这个问题。结果是，我将侦听器放在一个循环中。