Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.

Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
R50 ef0703adc14dc019218f3ab7f17d44a7
Frontend Development

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

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

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

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

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

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

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

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

Live Demo - BookShelf
F6dcd47d2e