Elegance Entertainment has a website that promotes their annual New Year\'s Eve
ID: 3587860 • Letter: E
Question
Elegance Entertainment has a website that promotes their annual New Year's Eve party. This site is required to display the current date and the number of days until New Year's Eve. The nyeProblem.htm file is missing JavaScript. Download the iLab 6 folder with this file in it. You must add this code so that the following will be displayed on Elegance's web page:
Download the Week 6 iLab zip file. Make sure you save it to your computer. Once you have downloaded the zipped folder, unzip it.
Lab Steps
Part A: Add Images and External File References
1. Open and rename the file.
· Open the nyeProblem.htm document.
· Save this document as nye.html.
2. Add references to external files.
Add link to styles.css.
Add link to library.js.
3. Add images to the page.
Add the New Year’s Eve gif image.
Add Elegance’s “E” jpeg logo image.
4. Save the file to your local computer.
Part B: Implement JavaScript
1. Declare variables.
Create the Date object named Today.
Create the variable ThisDay and assign it the current day.
Create the variable ThisMonth and assign it the current month.
Create the variable this year and assign it the current year.
Create the variable DaysLeft. Use the NYEDays function to obtain this value. Send the Today Date object as the argument.
Create the array MonthTxt with 13 locations. The first location( 0) should have the a blank “ “ value. The remaining locations should have the name of the months (“January”, “February”, …… “December”).
2. Output and Decisions
Display the current date.
· Using an if/else statement, determine and display the number of days until New Year’s Eve.
3. Save the file to your local computer.
Week 6 iLab zip file
nyeProblem.html
North Pole Novelties
NEW YEAR'S EVE ENTERTAINMENT Consider us your complete
New Year's Eve entertainment needs. We offer a excellent two days of events of elegance
and style.
NEW YEAR'S EVE HAPPY HOUR
It starts at 5:00p.m. Mengle with everyone while consuming
the finest spirits and eating the best horderves.
NEW YEAR'S EVE CONCERT
When you hear the band play and the artists sing, you are hearing our concert
At 7:00p.m., listen to some of the best groups Atlanta has to offer.
NEW YEAR'S EVE PARTY
This is the event of the year. Jam to the sounds of everyone's
favorite radio disc jockey and bring in the new year with a bang
starting at 10:00 p.m.
NEW YEAR'S DAY BRUNCH
There is no other way to close out the vent with a delicious brunch
with everyone's breakfast and lunch favorites at 11:00 a.m.
Elegance Entertainment
Elegance Entertainment is a company that specialize in major events.
Established in 2003, Elegance has been providing events for the professional
market in the Atlanta area.
library.js
/* Function NYEDays()
Purpose: Calculate the number of days between New Year's and a given date
Variables
CheckDay: A date object containing the given date
XYear: The 4-digit year value of the given date
XDay: December 31 in the year of the given date
DayCount: The number of days between New Year's Eve and the given date
*/
function NYEDays(CheckDay) {
var XYear=CheckDay.getFullYear();
var XDay=new Date("December, 31, 2014");
XDay.setFullYear(XYear);
var DayCount=(XDay-CheckDay)/(1000*60*60*24);
DayCount=Math.round(DayCount);
return DayCount;
}
style.css
body {margin: 0px}
p b {color:green}
h3 {font-family: sans-serif; color:red; margin-bottom:-20px}
#npn {background-color:white; width:100%}
#contact {font-family: sans-serif; color:red;
font-size:8pt; text-align:center; border-top: 2px solid rgb(128,0,0)}
#daycell {text-align:center; background-color:gold;
color:red; font-size:10pt; font-family: sans-serif;
border-bottom: 2px solid rgb(128,0,0)}
#links {background-color: rgb(128,0,0); width: 100px}
#links a {color: gold; text-decoration:none; font-size:8pt; font-family: sans-serif;
display: block; padding: 1px; border: 3px solid rgb(128,0,0); margin: 0px; width: 100%}
#links a.newgroup {margin-top: 10px}
#links a:hover {border: 3px outset white; color: white}
#logo {text-align: center; border-bottom: 1px solid rgb(128,0,0)}
#firstcol {width: 50%; border-right: 1px solid rgb(128,0,0)}
#secondcol {width: 50%}
.firstp:first-line {font-variant: small-caps}
The New Year's Event Agenda
New Year's Eve Happy Hour
New Year's Eve Concert
New Year's Eve Party
New Year's Day Brunch
NEW YEAR'S EVE ENTERTAINMENT Consider us your complete
New Year's Eve entertainment needs. We offer a excellent two days of events of elegance
and style.
NEW YEAR'S EVE HAPPY HOUR
It starts at 5:00p.m. Mengle with everyone while consuming
the finest spirits and eating the best horderves.
NEW YEAR'S EVE CONCERT
When you hear the band play and the artists sing, you are hearing our concert
At 7:00p.m., listen to some of the best groups Atlanta has to offer.
NEW YEAR'S EVE PARTY
This is the event of the year. Jam to the sounds of everyone's
favorite radio disc jockey and bring in the new year with a bang
starting at 10:00 p.m.
NEW YEAR'S DAY BRUNCH
There is no other way to close out the vent with a delicious brunch
with everyone's breakfast and lunch favorites at 11:00 a.m.
Elegance Entertainment
Elegance Entertainment is a company that specialize in major events.
Established in 2003, Elegance has been providing events for the professional
market in the Atlanta area.
Elegance Entertainment |
324 King Avenue |
Atlanta, GA 30332 |
(404) 555-2015 North Pole Novelties x fi file ///C: Use s/DRW Desktop/PROFESSOR%20W LSON%20DEVRY%20UNIVERSITY/CS3638/NEW%20C 5363%20CONTENT%20JAN%202015/iLab%206/nye.htm Today is Only 106 days until New Years Eve r 15, 2014 The Now Years Event Agenda New Year's Eve Happy Hour New Years Eve Concert New Years Eve Party New Years Day NEW YEAR'S EVE ENTERTAINMENT Consider us your complete New Year'sElegance Entertainment Eve entertainment needs. We offer a excellent two days of events of elegance and Elegance Entertainment is a 8 Brunch company that specialize in major events. Established in 2003 Elegance has been providing events for the professional market in the Atlanta area lc NEW YEAR'S EVE HAPPY HOUR It starts at 5:00p.m. Mengle with everyone while consuming the finest spirits and eating the best horderves. NEW YEAR'S EVE CONCERT When you hear the band play and the artists sing. you are hearing our concert At 7:00p.m., listen to some of the best groups Atlanta has to offer NEW YEAR'S EVE PARTY This is the event of the year. Jam to the sound jockey and bring in the new year with a bang starting at 10:00 p.m. s of everyone's favorite radio disc NEW YEAR'S DAY BRUNCH There is no other way to close out the vent with a delicious brunch with everyone's breakfast and lunch favorites at 11:00 a.m. Elegance Entertainment | 324 King Avenue | Atlanta, GA 303321(404) 555-2015
Explanation / Answer
The code has modified
library.js
/* Function NYEDays()
Purpose: Calculate the number of days between New Year's and a given date
Variables
CheckDay: A date object containing the given date
XYear: The 4-digit year value of the given date
XDay: December 31 in the year of the given date
DayCount: The number of days between New Year's Eve and the given date
*/
function NYEDays(CheckDay) {
var XYear=CheckDay.getFullYear();
var XDay=new Date("December, 31, 2014");
XDay.setFullYear(XYear);
var DayCount=(XDay-CheckDay)/(1000*60*60*24);
DayCount=Math.round(DayCount);
return DayCount;
}
style.css
body {margin: 0px}
p b {color:green}
h3 {font-family: sans-serif; color:red; margin-bottom:-20px}
#npn {background-color:white; width:100%}
#contact {font-family: sans-serif; color:red;
font-size:8pt; text-align:center; border-top: 2px solid rgb(128,0,0)}
#daycell {text-align:center; background-color:gold;
color:red; font-size:10pt; font-family: sans-serif;
border-bottom: 2px solid rgb(128,0,0)}
#links {background-color: rgb(128,0,0); width: 100px}
#links a {color: gold; text-decoration:none; font-size:8pt; font-family: sans-serif;
display: block; padding: 1px; border: 3px solid rgb(128,0,0); margin: 0px; width: 100%}
#links a.newgroup {margin-top: 10px}
#links a:hover {border: 3px outset white; color: white}
#logo {text-align: center; border-bottom: 1px solid rgb(128,0,0)}
#firstcol {width: 50%; border-right: 1px solid rgb(128,0,0)}
#secondcol {width: 50%}
.firstp:first-line {font-variant: small-caps}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.