Skip to content

This is a simple note taking app made using HTML, CSS and JavaScript #LPU.

Notifications You must be signed in to change notification settings

sauravhathi/make-notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Make Notes

This is a simple note taking app made using HTML, CSS and JavaScript #LPU.

Live Demo

image

How to use

  1. Enter the title of your note in the first input field.
  2. Enter the content of your note in the second input field.
  3. Click on the "Save" button to save your note.
  4. Click on the "Remove" button to remove your note.
  5. Click on the "Clear All" button to clear all your notes.
  6. Click on the "Edit" button to edit your note.
  7. Click on the "Bold" button to make your note bold.
  8. Click on the "Italic" button to make your note italic.
  9. Click on the "Underline" button to make your note underlined.
  10. Click on the "Strike" button to make your note striked.
  11. Click on the "Code" button to make your note code.
  12. Select the color you want to make your note from the dropdown menu.
  13. Click on the "How to use" button to see how to use this app.

How to run

  1. Download the code.
  2. Open the index.html file in your browser.

Using local storage to save our notes

  1. We are going to use local storage to save our notes.
  2. We are going to use the localStorage object to save our notes.
  3. We are going to use the setItem() method to save our notes.
  4. We are going to use the getItem() method to get our notes.
  5. We are going to use the removeItem() method to remove our notes.
  6. We are going to use the clear() method to clear all our notes.

Functionality

  1. save() - This function saves the note in the local storage.
  2. remove() - This function removes the note from the local storage.
  3. clearAll() - This function clears all the notes from the local storage.
  4. edit() - This function edits the note in the local storage.
  5. makeBold() - This function makes the note bold.
  6. makeItalic() - This function makes the note italic.
  7. makeUnderline() - This function makes the note underlined.
  8. makeStrike() - This function makes the note striked.
  9. makeCode() - This function makes the note code.
  10. makeColor() - This function makes the note of the selected color.
  11. howToUse() - This function shows how to use this app.

How to contribute

  1. Fork this repository.
  2. Clone the forked repository.
  3. Make the changes you want to make.
  4. Commit the changes.
  5. Push the changes.
  6. Create a pull request.

About

This is a simple note taking app made using HTML, CSS and JavaScript #LPU.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages