JavaScript project for practice in Hindi Urdu
The code is for a simple note-taking application. Let's break it down into steps:
Button Setup:
The code begins by selecting an HTML button with the ID "add_btn" and assigning it to a variable called btn. An event listener is added to this button, so when it's clicked, the addNote function will be executed.
Adding a Note:
The addNote function is responsible for adding a note. It starts by retrieving the user input from an HTML element with the ID "userInput." If the input is empty, it displays an alert and stops further execution. Otherwise, it proceeds to store the note along with a timestamp in the browser's local storage.
Displaying Notes:
A function named displayNotes is defined to update the display with the stored notes. It retrieves the notes from local storage, creates HTML elements for each note, and updates the display.
Removing a Note:
The removeNote function removes a note at a specified index. It retrieves the notes from local storage, removes the note at the given index, updates local storage, and then calls displayNotes to refresh the display.
Initial Display:
The displayNotes function is initially called to load and display any existing notes in the local storage.
In summary, this code creates a basic note-taking system using HTML, JavaScript, and local storage. Users can add notes, which are stored along with timestamps. The application allows for the removal of specific notes and updates the display accordingly.
Follow on Social Media:
Facebook:
✔️ / muddsarchughtai
Instagram:
✔️ / muddsar_qayyum