#13 of 25 Beginner Projects - HTML, CSS, & JavaScript - Sticky Notes

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

Комментарии • 79

  • @codefoxx
    @codefoxx  4 года назад +35

    Hard work + dedication + patience = success!... Stay with it! 👊

    • @uriahsincere7306
      @uriahsincere7306 3 года назад

      i realize I'm kind of randomly asking but do anybody know of a good place to stream newly released tv shows online ?

    • @tannermarley998
      @tannermarley998 3 года назад

      @Uriah Sincere I would suggest flixzone. You can find it on google :)

    • @blazeowen1135
      @blazeowen1135 3 года назад

      @Tanner Marley Yup, have been using flixzone for months myself :)

    • @uriahsincere7306
      @uriahsincere7306 3 года назад

      @Tanner Marley Thanks, I signed up and it seems to work :D I appreciate it !!

    • @tannermarley998
      @tannermarley998 3 года назад

      @Uriah Sincere you are welcome :)

  • @powderberrykun
    @powderberrykun 2 года назад +1

    I had a lot of fun with this project! I used the lessons from project 11 and the notes are now stored in my browser! :)

  • @vokkerlanomika113
    @vokkerlanomika113 3 года назад +2

    Absolutely fun creating this. Awesome!👍

  • @muizolaore4630
    @muizolaore4630 3 года назад +1

    This is really good, as a beginner in JS I really enjoy your videos. I followed your "try and build before watching the tutorial" mantra and I was able to successfully create the project(the Github project), but now I have to add the extra features of this. Your code is way cleaner and more broken down than mine😂😂😂😁.
    Thanks so much for the videos 👍👍💯💯

    • @codefoxx
      @codefoxx  3 года назад

      Thanks , keep learning and don't stop 💪

  • @RahulRajput-gn1di
    @RahulRajput-gn1di 3 года назад +1

    i have seen a lot of tutorial about note taking app but this note taking app is awesome...

  • @ssikarim
    @ssikarim 3 года назад +2

    Thanks. Helpful project

  • @piyusharyaprakash4365
    @piyusharyaprakash4365 2 года назад +1

    I don't know why I am getting a type error saying can not read "style" property , when I am executing the typeNote() function. I tried to look on stack overflow but got nothing plz help!

  • @rahimibadov2940
    @rahimibadov2940 8 месяцев назад

    really really perfect

  • @DevsLikeUs
    @DevsLikeUs 4 года назад +2

    Awesome project !

  • @akhilsharma392
    @akhilsharma392 3 года назад +1

    Nice tutorial and awesome explaination 😊

    • @codefoxx
      @codefoxx  3 года назад

      What do you mean? Did you link the javascript file in the html file?

    • @akhilsharma392
      @akhilsharma392 3 года назад

      @@codefoxx sorry I checked it I made a mistake in DOM concept there It works don't worry I will remove this comment

    • @akhilsharma392
      @akhilsharma392 3 года назад

      And amazing explaination sir

  • @rechamarlinda2852
    @rechamarlinda2852 3 года назад +4

    How to use local storage to save notes, and not clears if we refresh this page?? can u help me?

    • @EVARONY..2
      @EVARONY..2 3 года назад

      Local storage stores permanently until you remove or clear it while session storage store for temporarily... for more learn at w3 or mdndeveloper site

    • @thorabhcodes
      @thorabhcodes 2 года назад

      ruclips.net/video/_8xI8N5Je2s/видео.html watch this for storing notes in localstorage

  • @Narcomancer1943
    @Narcomancer1943 8 месяцев назад

    ‘Won’t you take me to, funciton!’

  • @tahateck6309
    @tahateck6309 3 года назад

    you are great. tanks

  • @hanschristianbotnen
    @hanschristianbotnen Год назад

    Great video, even tho i was blinded by the white theme on you vscode

  • @lancewilliamcatal6870
    @lancewilliamcatal6870 3 года назад +3

    HI, I just want to ask if the one you have on Github was different than this one? But no worries, I modified the one I cloned from your repository to match the one on the tutorial. I like this version better. Thanks! I had fun creating this.

    • @codefoxx
      @codefoxx  3 года назад +2

      Yes, the one on GitHub is a little different. I felt I needed to make it a little more like an actual website. That's awesome that you modified it to your liking that's what programming is all about! By the way the one on GitHub is also responsive and uses local storage so it's a more advanced version of the same project

  • @seekhokhushise
    @seekhokhushise Год назад

    Hey! Donno ur name.....! Plz help me.... 19:42 - Here in typenNote function why i am not able to style

  • @surflaweb
    @surflaweb 3 года назад

    I'm backend developer. Where I can download this proyect?

  • @arshsingh581
    @arshsingh581 3 года назад

    Awesome 👍❤️

  • @rosen.espinoza9477
    @rosen.espinoza9477 4 года назад

    Loved it

  • @muktapatil4941
    @muktapatil4941 3 года назад +1

    Can this work without an IDE like Visual Code? I am trying to make it work locally but my create note button doesn't seem to work... Please help me out

    • @codefoxx
      @codefoxx  3 года назад +1

      The ide shouldn't matter, email me the code

    • @muktapatil4941
      @muktapatil4941 3 года назад

      @@codefoxx Sure. Thank you so much tho 🥺

  • @ainahko16
    @ainahko16 3 года назад +2

    When ever I do any Javascript project (including this one), I always keep getting these errors telling me something about a favicon and it keeps me from completing the project. I don't know what I'm doing wrong.

    • @codefoxx
      @codefoxx  3 года назад +1

      I'm sorry to hear that. I'm not quite sure what that error is as I've never encountered it. Are you using the latest version of visual studio?

    • @ainahko16
      @ainahko16 3 года назад

      @@codefoxx yes

    • @codefoxx
      @codefoxx  3 года назад

      @@ainahko16 have u tried Google for a solution? Sometimes thats the best place to look for those type of errors

    • @ainahko16
      @ainahko16 3 года назад

      @@codefoxx I've tried on some of my projects. And still didn't get my answer.

    • @ainahko16
      @ainahko16 3 года назад

      ​@@codefoxx By the way. I forgot that the error states "Failed to load resource: the server responded with a status of 404 (Not Found)"

  • @Lenas.corner
    @Lenas.corner 3 года назад +1

    mine wont work. Ive gone over the code any everything is the same. I tried even copying and pasting your code to see and i still cant create a sticky note

    • @codefoxx
      @codefoxx  3 года назад +1

      Please check that your display:none is not commented out in your container3 in the CSS file. Uncomment it if it is. If it's not, email me the code and I will look at it. Email is in the description

    • @Lenas.corner
      @Lenas.corner 3 года назад +1

      @@codefoxx I got it to work thanks !! This was fun :)

    • @codefoxx
      @codefoxx  3 года назад

      @@Lenas.corner awesome! I'm glad you enjoyed it

  • @surflaweb
    @surflaweb 3 года назад +1

    I'm backend developer. Where I can download this proyect?

    • @codefoxx
      @codefoxx  3 года назад +1

      GitHub repo is in the description

    • @surflaweb
      @surflaweb 3 года назад

      @@codefoxx thanks bro.

    • @codefoxx
      @codefoxx  3 года назад

      @@surflaweb I got chu.

  • @happyy6826
    @happyy6826 3 года назад +1

    Hi cool video worked like a charm thank you! How do you make the notes stay after refreshing browser?

    • @codefoxx
      @codefoxx  3 года назад +1

      If you want it for personal use, you would have to implement local storage and set it up so that whenever you open up the project the notes are still there with the text. Sounds like a great problen to solve if you ask me (hint hint!). If you wanted to make an actual website out of this project, you would need to allow users to create and account and use a database like MongoDB to store the text of each respective user note!

    • @happyy6826
      @happyy6826 3 года назад

      @@codefoxx Ahh i see thank you. That would be an awesome part2 video. HAHA

  • @Pedro-de9yz
    @Pedro-de9yz 3 года назад +1

    Hey, could you review my code? It's giving an error and I've seen the video 2x and I haven't found it :(

    • @Pedro-de9yz
      @Pedro-de9yz 3 года назад

      already checked if the display:none is not commented out in container3 in the CSS file and still doesn't work

    • @codefoxx
      @codefoxx  3 года назад +1

      Sure send it

    • @Pedro-de9yz
      @Pedro-de9yz 3 года назад

      @@codefoxx Link: github.com/pecraveiro/Sticky-Notes/tree/main, thank you!

  • @ihaveabutterybrain
    @ihaveabutterybrain 3 года назад

    A'up fella i really want to use this but i need to notes to be able to delete and save any chance you could update this?

    • @codefoxx
      @codefoxx  3 года назад +2

      Let me look into it and I'll make a video

    • @ihaveabutterybrain
      @ihaveabutterybrain 3 года назад

      @@codefoxx I'll have to subscribe then. Im basically making an offline website for a USB pc repair stick so it looks all professional and the sticky notes would come in handy so much as you can imagine when it comes to pc repairs. Also thank you so much! I've never been good at variables and functions

    • @codefoxx
      @codefoxx  3 года назад +1

      @@ihaveabutterybrain Sounds good. I'm going to remake this video so the application is responsive as well. I have the code ready, link to the GitHub repo is in the description. I recommend you use that code instead of what I did in the video. Ill also add that feature you want since others have asked for it as well

    • @ihaveabutterybrain
      @ihaveabutterybrain 3 года назад +1

      @@codefoxx thank you ill look forward to checking it out I have notifications on so when its ready ill be the first to see it! Also by the looks of it you'll be the first on RUclips to make this saveable and deleteable

    • @codefoxx
      @codefoxx  3 года назад

      @@ihaveabutterybrain To make it "saveable" for yourself, you can use local storage. To make it "saveable" for everyone then we will need a database like MongoDB. At that point it will no longer be a beginner project but a full stack application but well see

  • @umurayaanyare5885
    @umurayaanyare5885 2 года назад

    Where i can get the source of code🙏

    • @codefoxx
      @codefoxx  2 года назад

      Description has the GitHub repo

  • @shiekhpalace2401
    @shiekhpalace2401 2 года назад

    Its not container.Style.Display == its =

  • @vickyr4605
    @vickyr4605 3 года назад

    After clicking the create note button the text area is not coming for me !!!
    I checked all the codes line by line everything is fine
    But not getting the text box

    • @codefoxx
      @codefoxx  3 года назад +1

      Sorry to hear, hard to diagnose your code without having it. Have you tried looking at the project files? I left a link in the description to my github

    • @codefoxx
      @codefoxx  3 года назад

      Also please check that your display:none is not commented out in the container3 of the CSS file. If it is, please uncomment it

    • @vickyr4605
      @vickyr4605 3 года назад

      @@codefoxx mistake is mine ..
      I gave a wrong I'd name in the js code
      I rewrite that
      Finally it's working
      ❤️ For you..
      Expecting more projects from you

    • @codefoxx
      @codefoxx  3 года назад +1

      @@vickyr4605 awesome!

    • @hypereviews1503
      @hypereviews1503 3 года назад

      @@vickyr4605 i seem to be having the same issue, what exactly was it you edited to fix the issue? thanks

  • @gagangameryt4317
    @gagangameryt4317 3 года назад

    Your video cualiti is sobad

    • @codefoxx
      @codefoxx  3 года назад

      Well that's not very nice! lol I'm joking. Thank you for your transparency. I'm actually aware of this and going to be remaking this video. Also going to make major improvements in the code itself. Thanks

  • @ReyBanYAHUAH
    @ReyBanYAHUAH 3 года назад

    Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins!
    Come to HIM🙂🙂🙂🙂🙂🙂🙂🙂