无法在我的JavaScript代码中发现错误？

Question

它不显示任何输出。我不知道这是什么问题。
如果您让我知道这个问题，将会非常有帮助。

这是我的Javascript：

var left_arrow = document.querySelector(".left-arrow");
var right_arrow = document.querySelector(".right-arrow");
var image_gallery = document.querySelector("#gallery-controls");

left_arrow.addEventListener("Click", onClickArrow);

function onClickArrow(e){
  console.log("HI");
}

这是HTML：

<div id="gallery" class="gallery-container">
    <img src="img/javascript.png" alt="">
    <div class="gallery-controls">
        <div ><i class="fas fa-chevron-left left-arrow"></i></div>
        <div ><i class="fas fa-chevron-right right-arrow"></i></div>
    </div>
</div>