Sobes.tech
Back to tasks
Junior — Middle+
30

Создание цепочечных методов для работы с DOM‑элементами

Companies where asked:

СБЕРСБЕР
Get help with live coding in real time with Sobes Copilot
Task condition

Необходимо реализовать функцию $, которая будет возвращать объект, поддерживающий цепочку вызовов методов для манипуляций с выбранным элементом. Метод addClass должен добавлять указанный CSS‑класс, html — вставлять переданный HTML‑код внутрь элемента, toggleClass — переключать наличие класса, а css — принимать объект со стилями и применять их к элементу. Все методы должны возвращать тот же объект, чтобы их можно было вызывать последовательно.

import "./helpers";

function $(selector) {
  //code here
}

// пример использования
// const $node = $(".js-node");

// $node.addClass("bordered").html("<li>hello</li>").toggleClass("disabled").css({
//   color: "green",
//   padding: "10px"
// });