从div onclick调用JavaScript函数时出现问题

我还不知道JavaScript,但是单击div时我试图运行JavaScript函数。该函数将在类的右侧显示另一个div。我已经尝试过在divs内使用hrefs,在hrefs内的div和单独使用onclick的div。当我将href插入另一个页面时,它可以正常工作,但似乎无法运行JS。我读过各种文章,在我看来,我正在做别人似乎已经成功完成的事情。

在身体里:

<div class="level3 nam col10" id="box10" onclick="loadLeftBar()"><p></p></div>

在头(目前为止,直到我可以执行此操作并将其放在单独的.js文件中):

<script>function loadLeftBar() {
        var x = document.getElementsByClassName("rightside");
        if (x.style.display === "none") {
          x.style.display = "block";
        } else {
          x.style.display = "none";
        }
}</script>

我尝试在点击时显示的DIV的CSS:

.rightside {
    display: none;
    width: 35%;
    height: 39vw;
    position: absolute;
    top: 2.3vw;
    right: 2.3vw;
    z-index: 3;
    background-color: lawngreen;
    border: solid black;
    overflow-x: hidden;
    overflow-y: scroll;
}