30th Javascript Project - Local Storage Tutorial for beginners with source code

D#986 OOP Javascript Project with local storage
29th Javascript Project

Title - Store values in localstorage with OOP JS
Source Code:

Steps to Create:
1. on submit get all textfield values
2. create book class
3. pass these textfield values to object
4. initialze the constructor function
5. onsubmit show the defined object
6. create UI class
7. create clearfield function on UI Class
8. create DisplayData function on UI class
9. create populateTR function on UI class
10. call the function after submit button is clicked
11. create function to show message
12. make the message dissapear after 3sec
13. if fields are blank show error
14. add event delegation to remove the selected td
15. create store class
16. create function to get values from localstorage
17. create function to set values to localStorage
18. place the function after the value displayed in table
18. populate the row even after the page is refreshed
19. create removeStoredValue function on store class

This is the completed UI Design Javascript Tutorial. I created along with my 3years experience in Javascript UI Development. I have left the source code for every javascript ui tutorial for free.

contact me anytime for the source code:

[oviyathiruvalluvanar]

tq understood..very goood explaination.

[amrutapatil]

Hello Sir I am Amruta really it's good explanation but sir at 0.41 the error u got at the execution time like duplicate values store how you removed that one sir because I too getting the same error please help me out as soon as possible

[sumi-p]

How do i generate an unique id in local storage?

[konradmitrus]

Do you know any function to sort data in table?