Тестовое задание на применение Java Script
Нужно реализовать классический контрол ArrangeBox. Обычно он представляет собой два поля, расположенных на одном горизонтальном уровне, и позволяет выбрать несколько значений из списка.
Приблизительный пример можно увидеть тут:
Функциональные требования:
● левое поле контрола определяет список возможных значений, правое поле -
список выбранных значений;
● возможность выбора и сортировки значений пользователем;
● пользовательский поиск.
Технические требования:
● писать код необходимо без использования фреймворков;
● в html-коде определён только тег-контейнер, куда контрол будет добавлен после
загрузки страницы;
● в глобальной области видимости должен остаться только конструктор контрола
и объект, соответствующий экземпляру контрола;
● реализовать программные возможности:
○ изменение списка возможных значений,
○ установка списка выбранных значений,
○ получение текущего значения контрола,
○ сброс значения к начальному состоянию;
Тестирование:
● разместить на странице дополнительные элементы управления, позволяющие
протестировать программные возможности контрола;
● кнопка для создания на текущей странице новых экземпляров контролов с
рандомными начальными значениям.
arrangeBox.js-реализация элемента arrangeBox
index.html-страница для тестов
style.css-стили для arrangeBox и тестовой страницы
test.js-вспомогательный код для тесторования программных возможностей контрола