Как при нажатии на элемент удалять класс у прошлого элемента и добавлять на другой?

Question

[Алексей Каратеев]

Есть три элемента, у одного по умолчанию задан класс стилей, обозначающий, что этот элемент выбран. Мне нужно, чтобы при нажатии на другие элементы класс у прошлого элемента удалялся и добавлялся на тот, на который был совершен клик. Хотел бы понять, как оптимизировать код, потому что то, как я реализовал это сейчас очень не удобно и не правильно, я это понимаю.

https://codepen.io/iventeye/pen/XWJwaeZ

Comments

[Максим]

на мобиле офигенно отрабатывает

[Антон]

общем, есть три элемента, у одного по умолчанию задан класс стилей, обозначающий, что этот элемент выбран. Мне нужно, чтобы при нажатии на другие элементы класс у прошлого элемента удалялся и добавлялся на тот, на который был совершен клик.

всем дать класс dot
активному добавить dot--active

<span class="dot"></span>
<span class="dot dot--active"></span>
<span class="dot"></span>

При нажатии у всех dot удалять dot--active и добавлять его тому, по кому кликнули, т.е. в контекте this