Hi! I need some help with a school workshop. It's one simple task. This has something to do with password. I have already done a password protection through prompt but this time, i do not want it to prompt. The user will input the username and password on a single html page.

I am supposed to make an html page which contains a textbox and a password input type and also a login button. The user must input a username and password. Upon clicking the login button, if both password and username are correct, a small window with specific length and width pops-up. If either of the username or passord is incorrect, the user the window will not popup.

I cant seem to proceed to the popup window due to the login process problem.

Here is what i did:

Code:
<html>
<script type="text/javascript">
	function prodS()
	        {
		myuname="juan";
		mypass="123";
		if (uname==myuname && pword==mypass) 
		{
			hT=375; wX=350;
			h=screen.height; w=screen.width;
			y=(h/2)-(hT/2); x=(w/2)-(wX/2);
			window.open("prodS.html","_blank","height="+hT+",width="+wX+",top="+y+",left="+x);
		}
	         }
</script>
<body>
        Product Specifications Calculator <hr>
        Username: <input type="text" id="uname"><br>
        Password: <input type="password" id="pword">
        <hr>
        <input type="button" value="Log in" id="login" onClick="prodS();">
</body>
</html>
How could i get through with this? Pls help... And thank you in advance!