Друзья, я чёт туплю. Есть кнопки с классами "fa-solid fa-lock-open"

Question

Друзья, я чёт туплю. Есть кнопки с классами "fa-solid fa-lock-open"

и "fa-solid fa-lock"

document.addEventListener('click', (event) => {
const type = event.target.dataset.type
if (type === 'lock'){
const node =
event.target.tagName.toLowerCase() === 'i'
? event.target
: event.target.children[0]
node.classList.toggle('fa-lock-open')
node.classList.toggle('fa-lock')
}
})

Почему в toggle пишем 'fa-lock-open', а не "fa-solid fa-lock-open"? Так не полное название же? А работает только с ним, не пойму почему так

#javascript #programming #russian

0

03.05.2023

8 ответов

15 просмотров

Bohdan Bida 🇺🇦

а зачем тебе тоглить fa-solid ?

0

03.05.2023

Ярослав Гарайчук Автор вопроса

Bohdan Bida 🇺🇦
а зачем тебе тоглить fa-solid ?

Ну так класс в toggle передать нужно, нет разве? Вот я и думал, полностью имя класса передать, а не отрывок

0

03.05.2023

zaAsgard

Ярослав Гарайчук
Ну так класс в toggle передать нужно, нет разве? В...

это 2 класса разных

0

03.05.2023

Ярослав Гарайчук Автор вопроса

zaAsgard
это 2 класса разных

Ну я понимаю, но они оба написаны без fa-solid, или он не входит в название класса? Или это одинаковое начало и toggle их не заменяет просто, поэтому не пишем?

0

03.05.2023

zaAsgard

Ярослав Гарайчук
Ну я понимаю, но они оба написаны без fa-solid, ил...

сложно

0

03.05.2023

zaAsgard

Ярослав Гарайчук
Ну я понимаю, но они оба написаны без fa-solid, ил...

fa-solid у тебя уже на кнопках, тоггл проверяет есть или нет второй класс на элементе, если нет то устанавливает и если он установлен то снимает

0

03.05.2023