Eventlistener没有收听

Question

我正在尝试制作一个交互式登录页面，并且正在使用javascript，由于某种原因，它无法正常工作。我每个人都链接到html页面，而我的IDE（IntelliJ）说它们正在加载。所以悬停时什么也没发生

它给我的错误是“期望表达”

const left = document.querySelector(".left");
const right = document.querySelector(".right");
const container = document.querySelector(".container");

left.addEventListener("mouseenter", () => {
     container.classList.add("hover-left");
});

CSS代码：

.split.left {
    left:0;
    background: url('https://image.ibb.co/m56Czw/designer.jpg') center center no-repeat;
    background-size: cover;
}

.hover-left .left {
    width: var(--hover-width);
}

这就是我要去的： https://codepen.io/bradtraversy/pen/dJzzdB

我什至尝试了确切的代码，这是同样的问题。