Menu
I can’t figure out why my code is not working. Can someone please tell me what I am doing wrong?
I am trying to create a script that displays the current date and time and displays a welcome message depending on the time of day.
Thanks!
<head>
<title>Welcome</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
<link rel=”stylesheet” href=”js_styles.css” type=”text/css” />
</head>
<body>
<h1>Welcome to my Web Page</h1>
<script type=”text/javascript”>
/* <![CDATA[
var dateObject = new Date();
var greeting = “”;
var curTime = “”;
var minuteValue = dateObject.getMinutes();
Var hourValue = dateObject.getHours();
if (minuteValue < 10)
minuteValue = “0” + minuteValue;
if (hourValue < 12) {
greeting = “<p>Good Morning! ”
curTime = hourValue + “:” + minuteValue + ” AM”;
}
else if (hourValue == 12) {
greeting = “<p>Good Afternoon! “;
curTime = hourValue + “:” + minuteValue + ” PM”;
}
else if (hourValue < 17) {
greeting = “<p> Good Afternoon!”
curTime = (hourValue-12) + “:” + minuteValue + ” PM”
}
else {
greeting = “<p>Good evening! ”
curTime = (hourValue-12) + “:” + minuteValue + ” PM”
}
var dayArray = new Array(“Sunday”, “Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”, “Saturday”);
var monthArray = new Array(“January”, “February”, “March”, “April”, “May”, “June”, “July”, “August”, “September”, “October”, “November”, “December”);
var day = dateObject.getDay();
var month = dateObject.getMonth();
document.write(“<p>”+ greeting + “It is ” + curTime + ” on ” + dayArray[day] + “, ” + monthArray[month] + ” ” + dateObject.getDate() + “, ” + dateObject.getFullYear() + “.</p>”);
/* ]]>
</script>
</body>
</html>