Назад к задачам
Junior — Middle+
4

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

Компании, где спрашивали:

СБЕРСБЕР
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо реализовать функцию $, которая будет возвращать объект, поддерживающий цепочку вызовов методов для манипуляций с выбранным элементом. Метод 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"
// });