Question
home / study / engineering / computer science / computer science questions and answers / sample: 1) using bootstrap classes (specifically grid classes), create a
home / study / engineering / computer science / computer science questions and answers / sample: 1) using bootstrap classes (specifically grid classes), create a responsive weekly ...
Question: Sample: 1) Using Bootstrap classes (specifically grid classes), create a responsive weekly forec...
Sample:
1) Using Bootstrap classes (specifically grid classes), create a responsive weekly forecast calendar. For devices smaller than the medium size, have the days (and corresponding information) stack on top of each other; for medium sized devices and larger have the days float next to each other (like in the sample image above). Feel free to re-use the stylesheet you created in the previous assignment to style the various elements here. Make your first day Sunday instead of Monday to have an easier time with the next sections.
2) Create an 2 arrays: one containing the high temperatures for each day, the other containing the low temperatures. Based on the current day of the week, create an alert that will display the following message: "Expect a high of [high temp] and a low of [low temp] today." Hint: You can use the Date object in conjunction with the array index to get the right day/temp combination.
3) Lastly print the following messages to the console: "The average temperature for this week is [average]." "The warmest day of the week will have a high temperature of [temperature]" "The lowest low temperature of the week will be [temperature]."
Mon Tue Wed Thu Fri Sat Sun 4124 36" 20 29 270 3930 370 31 40 27 32 18" Mon Tue Wed Thu Fri Sat Sun 4124 36" 20 29 270 3930 370 31 40 27 32 18Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started