Назад к задачам
СБЕРПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Middle+
4
Создание цепочечных методов для работы с DOM‑элементами
Компании, где спрашивали:
Условие задачи
Необходимо реализовать функцию $, которая будет возвращать объект, поддерживающий цепочку вызовов методов для манипуляций с выбранным элементом. Метод 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"
// });