Коснтруктор блоков

Javascript & Typescript — podano nieprawidłowe kategorie?

17 PLN

Конструктор текстовых блоков

Должен быть конструктор блоков http://joxi.ru/J2b388PU0kWaqA

В блоке есть 4 инпута и кнопка создания блока.

Форма и валидация:

Заголовок - только кириллические символы, максимум 20 символов;

Ссылка - без валидации;

Текст - только кириллические символы, максимум 250 символов;

Фото - только картинки;

Все поля обязательны! Если неправильная валидация то блок не должен создаваться, а юзер должен видеть сообщение о конкретной ошибке.

При загрузке картинки, она должна отображатся на месте пустого блока в форме.

После успешного создания блока должна чистится форма.

Рендер:

После прохождения валидации и клике на кнопку “Создать” должен создатся блок http://joxi.ru/bmov443u3pqzZr (картинка, заголовок, текст и ссылка-обертка для блока) внизу конструктора. Блоков должно быть по три в ряд, если блоков больше десяти, то должна появится кнопка “Загрузить больше” при клике на которую должны загружаться следующие блоки от 11 и до 21, если таковы были созданы заранее, а сама кнопка должна прятатся. Новые блоки должны находится внизу, а старые сверху.

Прелоадер:

Во время рендеринга блоков должен появиться произвольный прелоадер который будет исчезать после каждого рендеринга (ВАЖНО! Не использовать setTimeout и setInterval).

Требования к написанию кода:

Задачу писать на нативном js без использования плагинов;

В задаче не использовать методы ООП;

Oferty 6 Wycofane 1