Как при нажатии на объект добавить класс и убрать?

Question

[Роман Тузов]

Имеется вот такой код с шапкой и меню:

<div class="container">
									<h4>Roma Tuzov</h4>
									<i class="fas fa-align-right"></i>
								</div>
								<div class="nav-open menu-disable">
									<div class="container">
										<div class="contact">
											<h3>Связаться</h3>
											<p>
												[e-mail]
											</p>
										</div>
										<div class="social">
											<h3>Я в соц. сетях</h3>
											<a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
											<a href="#" target="_blank"><i class="fab fa-vk"></i></a>
											<a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
										</div>
									</div>
								</div>

Сейчас меню спрятано с помощью класса menu-disable. Вот его код:

.menu-disable {
	transform: translateY(-105%);
}

Как сделать, чтобы при нажатии на i (с классом fas fa-align-right в самом верху) убирался класс menu-disable и меню плавно выезжало сверху?

Answer 1

[Jack Williams]

Ну вот что за пол минуты написал:

var i = //получаете i
var menu = //получаете menu
i.onclick = function(e){
menu.classList.remove('menu-disable');
}

Принцип очевиден, доведите до ума и будем вам счастье

Comments

[Роман Тузов]

Подскажите, что сделал не так?)

var i = "fas";
	var menu = "nav-open";
	i.onclick = function(e){
	menu.classList.remove('menu-disable');
	}

[Jack Williams]

Hutson, блин, ну вы серьезно? Если у вас нулевые знания JS, зачем вообще пытаетесь задачу эту решить??? Если не умеете, но надо - закажите работу на фрилансе.

[Роман Тузов]

Jack Williams, Зачем заказывать работу на фрилансе, если сам пытаешься научиться? Если вы будете где-то что-то не понимать и спрашивать мнение профи, они вам так же будут отвечать, мол нафиг ты это учишь, если не знаешь?

[Jack Williams]

Hutson, о господи, между непониманием и незнанием есть разница, знаете ли. Если вы тупо не знаете, как сейчас - так узнайте. Куча информации в интернете. Если бы вы хоть что-то погуглили и почитали - вы бы поняли. Вы ни одной книги по JS даже не прочитали, ибо прочитав, не задавали бы таких глупых вопросов.

Я когда был на вашем уровне просто прочитал learn.javascript.ru и мог уже делать многие вещи, а не бежал задавать вопросы... Вы пока ждали ответ, могли несколько тем на learn.javascript.ru пройти и узнать намного больше, чем тут, задав вопрос.

Но, судя по тому, что и как вы написали, продолжать с вами какой-либо спор - бесполезно.