Задать вопрос
@lietryit
javascript

Создать свою мини-библиотеку на чистом js?

Здравствуйте, появилась проблема, у меня есть в коде пара функций на чистом js она добавляет классы элементам. В общем я написал ещё парочку и подумал как сократить время на написание всех этих функций.

Есть функция:
document.getElementById('nav-trigger').onclick = function() {
   document.getElementById('menu-navigation').classList.add('active');
   document.getElementById('menu-close').classList.add('active');
}


А я хочу сократить её до примерно вот такого вида:
get_id('nav-trigger').onclick = function() {
   get_id('menu-navigation').classList.add('active');
   get_id('menu-close').classList.add('active');
}


Будут примеры?
  • Вопрос задан
  • 431 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Stalker_RED
@Stalker_RED 
const ﹩ = document.querySelector.bind(document) // вау, почти jQuery! с одной строчки!
// Кто-то может повестись и знатно вынести себе моск:)

﹩('#nav-trigger').onclick =ௐ=> {
   ﹩('#menu-navigation').classList.add('active');
   ﹩('#menu-close').classList.add('active');
}

(при написании этого кода ни один зомби не пострадал)

Еще можно сделать так:
HTMLElement.prototype.addClass = function(className) { this.classList.add(className) }

тогда получится
﹩('#menu-navigation').addClass('active');
но возможно вас кто-то проклянет за модификацию прототипов

Ну и как подсказывает Антон Швец можно еще улучшить, чтобы возвращал не только один элемент, но и массив элементов
const ﹩ = selector => (list => list.length > 1 ? [...list] : list[0])(document.querySelectorAll(selector))
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отрисовка дизайна главной и внутренней
19 апр. 2024, в 11:08
5000 руб./за проект
Работы по АСУТП
19 апр. 2024, в 10:59
150000 руб./за проект
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Ещё заказы