Menu
OK.. My girlfriend is taking Javascript in school. She has some code written but for some reason it won’t work.. This is her first try at javascript and is taking an online class so there isn’t much help.. She doesn’t like to use forums but I’ve found them to be very helpful.
The project is:
Create a pop up window asking for age verification.
If under 21 direct to under 21 webpage.
If over 21 direct to over 21 webpage.
If over 21 and Birthday is current date Popup Happy Birthday Window and Direct to over 21 webpage.
Below is the code writen so far. It’s not a pop up window yet and won’t direct to webpages. Any Advice.
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″/>
<title>JavaScript Exercise</title>
</head>
<script type=”text/javascript”>
//global variables
var legalAge = 21;
var today = new Date();
var legalBday = today – legalAge;
var legalBdayYear = legalBday.getFullYear();
var legalBdayMonth = legalBday.getMonth()+1;
var legalBdayDate = legalBday.getDate();
//user prompt
function bday_prompt()
{
var bday = prompt(“Enter your birthday in MMDDYYYY format. (Example: August 17, 1976 = 08171976.)”,””)
var bdayYear = bday.charAt(4) + bday.charAt(5) + bday.charAt(6) + bday.charAt(7);
var bdayMonth = bday.charAt(0) + bday.charAt(1);
var bdayDate = bday.charAt(2) + bday.charAt(3);
if (bday != “”)
{
over21()
}
}
//validate input
function validateBday(bday)
{
if(bday.length != 8)
{
alert(“Please enter your birthday in MMDDYYYY format. (Example: August 17, 1976 = 08171976”)
}
}
//happy birthday!
function happybirthday()
if (bdayDate = legalBdayDate && bdayMonth = legalBdayMonth)
{
var p=window.createPopup();
var pbody=p.document.body;
pbody.style.backgroundColor=”SkyBlue”;
pbody.style.border=”solid black 1px”;
pbody.innerHTML=”<img src=’http://www.clipart-graphics.net/gallery/clipart/Cartoon/Birthday/Bday3.jpg’><br><br><font face=’verdana’ size=’5′>Happy Birthday!</font><br><br><font face=’verdana’ size=’1′>(Click outside popup to close and party!)</font>”;
p.show(100,100,245,300,document.body);
}
//over 21?
function over21()
validateBday(bday)
happybirthday()
if (bdayYear < legalBdayYear)
{
document.write(window.location = “ex3/over21.htm”);
}
else if (bdayYear = legalBdayYear && bdayMonth < legalBdayMonth)
{
document.write(window.location = “ex3/over21.htm”);
}
else if (bdayYear = legalBdayYear && bdayMonth = legalBdayMonth && bdayDate <= legalBdayDate)
{
document.write(window.location = “ex3/over21.htm”);
}
else
{
document.write(window.location = “ex3/under21.htm”);
}
</script>
<body>
<form name=”BDay” method=”post” action=”validateBday”>
<p>Please enter your birthday in MMDDYYYY format. (Example: August 17, 1976 = 08171976</p>
<p>Your BirthDate:
<input type=”text” name=”bday”>
</p>
<p>Submit
<input type=”submit” name=”Submit” value=”Submit”>
</p>
<p> </p>
</form>
</body>
</html>
Thanks In Advance.