How to build a login system with JavaScript

Working Demo:

Download the source code here:

[tomatrix]

This is great. Very helpful. I wanted to see how this actually worked on a basic level

[fritzhopper]

I love your implementation, simple yet powerful. I am going through a final project that does not allow frameworks. Your method inspires me greatly.

[eliote]

perfect dude, you're saved me <3.

[codifyacademy]

This is a demo on looping through objects and handling object-literal-specific data structures for neophyte front-end developers just getting started with JavaScript. We would of course never recommend relying on password protection in your JavaScript in the client-side. There is no need to submit snarky and sarcastic comments about how insecure this is, as this demo is not meant to illustrate web-based security in any way, shape, or form.

[sha]

amazing thanks for adding to my javascript journey

[NightmareWolf]

This is the most not safe script that i have ever seen

[FunnyPantsTV]

how can i make it go to a new page once i click sign in?

[drs]

Can you explain now how to implement this in a website in a way the user can't literally read all of the login info in inspect element?

[lolmanrlly]

I'm creating a game using JavaScript with my friend and this saved me! Thank you! Subscribed and hit that bell icon :)

[shawnmichaelalberto]

Exactly what i needed at the moment. Thankyou!

[gagandeshmukh]

Thanks dude, i was stuck at this part :))

[DavidMwai-djup]

Amazing! Continue with the great work you're doing
👌

[rajeshgurjar]

thanks man!!! didn't wanted to use DB for username and pass you solved it.

[andyjohn]

thanks sir and what about registration..?

[jonanarvz]

You are so helpful!! Thank you so much for this video man!!!

[yesyouarerightbut]

But It is not secured. Every one can see password using Inspect Element.

[jenzuuu]

Thanks :) I already did a login System, but yours is mich simpler than mine... I have one problem left, how can I use the value of a text field, to use it as username and an other one as password? - to add it in an array? (I need this because I'd like to create a register system)

Thank you!

[jhanolaer]

could you make also how to build a register system?

[wiktorliszkiewicz]

You would never use such thing for login the users in production ever :) lol . Just rename this video to "Compare user input to match object values" or "How to use for loop in JS"

[prof.dr.yallic]

How can i do it, when i have a json database?