R50 dc2b71cdea799fb3c73e1fa35756148a
Frontend Development

BookShelf - книжная полка на JavaScript

Добавлено 24 янв 2017 в 14:38
Книжная полка на JavaScript

Приложение на JavaScript \ localStorage - создание книжной полки для добавления, редактирования и учета книг.

Слева - форма для добавления новой книги, справа - список книг. В форме для добавления новой книги имеются поля:
  • автор
  • год издания
  • название книги
  • кол-во страниц
В списке книг имеются карточки вновь добавленных книг:
  • автор
  • название книги
У каждого элемента в списке книг есть кнопки редактирования карточки и удаления карточки.

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

В качестве хранилища используется localStorage ( при закрытии окна браузера и повторном открытии - данные восстанавливаются ).

При создании приложения используются CSS-стили Twitter Bootstrap. JavaScript MV*-библиотеки не использовались - только чистый JavaScript.

Страница адаптивная ( на мобильных устройствах - при недостаточной ширине окна браузера - список книг уходит под форму добавления ).

Live Demo - BookShelf
F6dcd47d2e