Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Rev

Title*

Body*

I am new to JavaScript and this site, and I am trying to make a mock up username and password log in and creator. For now, the username and password creator is limited to pre-made username and passwords. The idea is to be able, in the end, to create a username and password on one page then to send that array of usernames and passwords to the log in page. I know the security is bad and I won't use this in a real website, but aside from that, I can't get the code to run. The code outputs username and password text boxes to put in values, but when you click the button to posses them nothing happens. What did I do wrong? Thanks for helping!

The page where the pre-made usernames and passwords are declared:

 <!DOCTYPE html>
 <html>
 <head>
 
 <title>
 create account
 </title>
 
 
 <script>
 sessionStorage.setItem( "username1", ["bob", "sam"]);
 sessionStorage.setItem( "password1", ["lol", "jk"]);
 </script>
 
 
 </head>
 
 <body>
 
 </body>
 
 
 </html>


The place where the username and password arrays are sent and processed in the log in:

 <!DOCTYPE html>
 <html>
 <head>
 <title>
 log on page
 </title>
 
 <script type = "text/javascript">
 var count = 2;
 
 function validate() {
 var un = document.getElementById("username").value
 var pw = document.getElementById("pword").value
 var valid = false;
 
 var unArray = sessionStorage.getItem("username1");
 	var pwArray = sessionStorage.getItem("password1");
 	
 for (var i=0; i <unArray.length; i++) {
 if ((un == unArray[i]) && (pw == pwArray[i])) {
 valid = true;
 break;
 }
 }
 
 if (valid) {
 alert ("Login was successful");
 window.location = "http://www.google.com";
 return false;
 }
 
 var t = " tries";
 
 if (count == 1) {t = " try"}
 
 if (count >= 1) {
 alert ("Invalid username and/or password. " +
 "You have " + count + t + " left.");
 document.myform.username.value = "";
 document.myform.pword.value = "";
 setTimeout("document.myform.username.focus()", 25);
 setTimeout("document.myform.username.select()", 25);
 count --;
 }
 
 else {
 alert ("Still incorrect! You have no more tries left!");
 document.myform.username.value = "No more tries allowed!";
 document.myform.pword.value = "";
 document.myform.username.disabled = true;
 document.myform.pword.disabled = true;
 return false;
 }
 
 }
 </script>
 
 	<style>
 	
 	p.log_on{
 	position: fixed;
 top: 30px;
 left: 20px;
 }
 </style>
 
 
 
 
 
 </head>
 
 
 <body>
 
 
 <form name = "myform">
 <p class="log_on">
 ENTER USER NAME <input type="text" id="username"><br><br><br><br><br>
 ENTER PASSWORD <input type="password" id="pword">
 <input type="button" value="Check In" name="Submit" onclick="validate()">
 </p>
 </form>
 
 
 </body>
 
 
 </html>

Draft saved

Draft discarded

CollectivesTM on Stack Overflow