Удалить/добавить класс при клике?

Question

[IlyaNoobProgrammer]

<div id="Navigation">
            <div class="Menu Main HideMenu" onclick="MainWindow()">Главная</div>
            <div class="Menu Work TopMenu" onclick="WorkWindow()">Работа</div>
        </div>

#Navigation {
    height: 30px;
    width: 1300px;
    font-size: 30px;
    background-color: rgb(230, 230, 230);
}


.Menu {
    height: 30px;
    width: 110px;
    padding: 0;
    cursor: pointer;
}

.Work {
    margin-left: 120px;
}

.TopMenu {
    animation: TOPMenu 1s ease;
    opacity: 1;
}

.HideMenu {
    animation: HIDEMenu 1s ease;
    opacity: 0.1;
}

function MainWindow() {
    document.getElementsByClassName('Menu').classList.remove('TopMenu')
    document.getElementsByClassName('Menu').classList.add('HideMenu')
    document.getElementsByClassName('Main').classList.remove('HideMenu')
    document.getElementsByClassName('Main').classList.add('TopMenu')
}

Помогите сделать так что при клике на одну функцию у других блоков имеющие определенный класс она удалялась и присваивалась другая, а у того div на который ты нажал наоборот. Желательно на чистом JavsScript'е

Comments

[Andrew]

на одну функцию

Вы кликаете не на функцию, а на элемент, на котором может быть навешен
какой-то обработчик события(в частности, клик).
Вам нужно:

1. Выбрать все нужные элементы (.querySelectorAll())
   
2. Раскидать им всем обработчик клика(.forEach())
   
3. Внутри функции обработчика нужно раскидать всем удаление класса, а текущему(через this или event.target) присвоить класс
   

У вас получится

Answer 1

[Deeno]

let button = document.querySelector('button')
button.addEventListener('click' , function(){
  this.classList.toggle('active')
})

Comments

[Andrew]

при клике на одну функцию у других блоков имеющие определенный класс она удалялась и присваивалась другая, а у того div на который ты нажал наоборот

Answer 2

[Ilya Muromtsev]

Друг, где ты учишься навешивать события?
Вот ссылка, а там целый сайт, и он безценен!
лучший сайт

Comments

[Andrew]

Там(в ссылке) первый пример аналогичен тому, что написал автор

[Ilya Muromtsev]

Если мы научимся читать до конца, то все будет еще лучше..
Я лишь подсказал где почитать по вопросу..