Как реализовать меню из 5 кнопок и 1 из которых всегда активна (её размер чуть больше и изменён цвет)?

Question

[Dili71]

Всем привет братцы! Суть проблемы:
Нужно реализовать меню из 5 кнопок, при клике на которые 1 всегда активна. Тобишь кликнул на одну кнопку, она поменяла font-size: 20px; на font-size: 30px; и color: #000; на color: #fff; Пробовал через js ниже, но не понял как сделать возврат кнопки в исходное положение при клике на другую

document.querySelector('.block').addEventListener('click',function() {
	this.classList.toggle("click");
});

.block{
    text-align: center;
    font-size: 20px;
    color: #000;
}
.click{
	font-size: 30px;
	color: #fff;
}

<div class="block" href="#" align="center">advertising</div>

Comments

[Андрей Федоров]

При нажатии на кнопку, вам нужно на js выбрать все кнопки с классом click и сбросить его. А потом уже устанавливать этот класс на кнопку, на которую нажали.

И важный момент - при нажатии на нажатую кнопку, у вас будет так же отрабатывать этот код, поэтому вам нужно как-то обработать эту ситуацию.

[Dili71]

Андрей Федоров, Информативненько :D. Проблема в том, что я не могу реализовать описанный алгоритм, указанный Вами выше в виду малого опыта в JS

[Андрей Федоров]

Dili71, в вопросе вы привели кусок js-кода. Такого опыта должно хватить.

[Dili71]

Андрей Федоров, Найдено на просторах хабрика, не моё (