Я новичок в JS, не могу понять почему не работает скрипт. При нажатии на див с классом .main_menu_block , к диву с .mmb_left и .mmb_right должен добавляться класс .show
var main_menu_block = document.getElementsByClassName("main_menu_block");
var mmb_left = document.getElementsByClassName("mmb_left");
main_menu_block.onclick = function() {
mmb_right.addClass("show"),
mmb_left.addClass("show");
}
.main_menu_block {
width: 100vh;
float: right;
height: 100vh;
background-color: red;
}
.mmb_left,
.mmb_right {
position: absolute;
background-color: white;
opacity: 0.5;
p {
display: none;
opacity: 0.5;
color: black;
}
}
.show {
opacity: 1;
background-color: black;
p {
display: inline-block;
opacity: 1;
color: white;
}
}
<div class="main_menu_block main_menu_vs">
<h2>Ведение страницы</h2>
</div>
<div class="mmb_left">
<p>123</p>
</div>
<div class="mmb_right">
<p>123</p>
</div>