Javascript 单击html图标时单击事件不工作

我在Javascript中设置了一个click事件，由于某种原因它不工作，图像没有改变，控制台中也没有错误。单击html图标时，图像src将发生更改

下面是javascript：

document.querySelector(".left").addEventListener("click", () => {
            leftArrow();
        });

以下是leftArrow函数：

leftArrow: () => {
      if (document.querySelector(DOMStrings.characterImg).src === characters[0]) {
        document.querySelector(DOMStrings.characterImg).classList.add("boris");
        document.querySelector(DOMStrings.characterImg).src = characters[1];
        const el = document.querySelector(DOMStrings.characterImg);
        console.log(el);
      } else if (document.querySelector(DOMStrings.characterImg).src === characters[1]) {
        document.querySelector(DOMStrings.characterImg).classList.remove("boris");
        document.querySelector(DOMStrings.characterImg).src = characters[0];

        const el = document.querySelector(DOMStrings.characterImg);
        console.log(el);

  } 

以下是图像的存储位置：

const characters = ["Resources/Images/trump.png", "Resources/Images/boris.png"];

const DOMstrings = {
    characterImg: ".character-img"
}

以下是存储DOM字符串的位置：

const characters = ["Resources/Images/trump.png", "Resources/Images/boris.png"];

const DOMstrings = {
    characterImg: ".character-img"
}

最后，这里是相关的html：

<div class="character-select">
                <ion-icon class="left" name="arrow-dropleft-circle"></ion-icon>
                <ion-icon class="right" name="arrow-dropright-circle"></ion-icon>
                <img class="character-img" src="Resources/Images/trump.png">        
            </div>

//下面是HTML部分
/*
*/
-----------------------------------------------------------------------
//javascript部分
document.queryselectoral（“.icon”）.forEach（函数（项、索引）{
item.addEventListener（'click'，函数（事件）{
if（event.targetr.id='right'）{
document.querySelector（'.character img'）.src='您要设置的源'
}else if（event.targetr.id='left'）{
document.querySelector（'.character img'）.src='您要设置的源'
}
});
});

谢谢您的回复，但恐怕这不起作用。仍然没有做任何事情再次感谢你的回应。不幸的是，它仍然不起作用。我现在用另一种方法修复了它，但谢谢你的帮助