Домашнее задание к лекции DOM

1. Форма

• Сделать форму, позволяющую добавлять элемент Event в коллекцию Events
• Форма должна состоять из всех полей необходимых для вашего конструктора (разрешено использовать HTML5 input элементы)
• Элементы формы должны соответствовать вашим данным:
  • Описание <textarea>
  • Название <input type="text">
  • Дата <input type="date">
  • Зведность <select>
  • И тд
• По клику на кнопку <input type="submit"> вы должны будете "обобрать" форму и на основе ее данных создать и добавить объект Event
• После клика необходимо очистить форму
• Будет очень хорошо если вы сделаете валидацию формы

2. Представление

• Необходимо создать список (какой-то код HTML) на этой же странице, который представляет текущее состояние колекции Events
• В начале работы этот список пустой
• При добавлении элемента в список Events этот элемент должен появляться и на странице

3. Фильтрация

• Кроме формы и вам необходимо сделать набор инпутов, которыми вы сможете управлять фильтрацией текущей коллекции

Пример предствления формы http://jsfiddle.net/LMebS/

Ссылки

• http://htmlbook.ru/html/input
• http://htmlbook.ru/html/input/type
• http://caniuse.com/#search=input