create an index.html file and a script.js file. 2. The HTML page must contain a form...
Fantastic news! We've Found the answer you've been seeking!
Question:
Transcribed Image Text:
create an index.html file and a script.js file. 2. The HTML page must contain a form that allows the user to input a desired date. Submitting the form should trigger a request to the Color of the Day API. 3. The Fetch API must be used to make the request to the Color of the Day API. The request should include the date provided by the user. Objective Using local storage and the Color of the Day API, create a web application that allows users to search a color by date and manage a record of their searches. Color of the Day API The Color of the Day API will accept a GET request with one attribute, a formatted date (vyyy-am-d). An example request can be found below. http://colors.zoodinkers.com/api?date=2021-04-01 The API will return an object containing a color hex value and the date. An example of the response object can be found below. ":"2021-54-01, ="FOat B9d" | 4. The response from the Color of Day API should be parsed and dynamically added to the page. The elements added to the page should include a color "swatch" displaying the returned color with the returned hex value and the returned date being displayed next to the "swatch". 2 5. Each time the user searches for a color, a record of the search should be stored in a "search history". This search history should be kept persistent across browser sessions using local storage. 6. When the page loads, any search history stored in the local storage should be retrieved and displayed on the page. 7. A button should allow the user to clear the search history both in the web application and in local storage. 8. While you are encouraged to make every project visually appealing, styling for this project is not necessary. The CSS, or lack thereof, will have no impact on your grade. Hints 1. The Color of the Day API will accept any past or future date. 2. The search history can be stored as an array of objects. create an index.html file and a script.js file. 2. The HTML page must contain a form that allows the user to input a desired date. Submitting the form should trigger a request to the Color of the Day API. 3. The Fetch API must be used to make the request to the Color of the Day API. The request should include the date provided by the user. Objective Using local storage and the Color of the Day API, create a web application that allows users to search a color by date and manage a record of their searches. Color of the Day API The Color of the Day API will accept a GET request with one attribute, a formatted date (vyyy-am-d). An example request can be found below. http://colors.zoodinkers.com/api?date=2021-04-01 The API will return an object containing a color hex value and the date. An example of the response object can be found below. ":"2021-54-01, ="FOat B9d" | 4. The response from the Color of Day API should be parsed and dynamically added to the page. The elements added to the page should include a color "swatch" displaying the returned color with the returned hex value and the returned date being displayed next to the "swatch". 2 5. Each time the user searches for a color, a record of the search should be stored in a "search history". This search history should be kept persistent across browser sessions using local storage. 6. When the page loads, any search history stored in the local storage should be retrieved and displayed on the page. 7. A button should allow the user to clear the search history both in the web application and in local storage. 8. While you are encouraged to make every project visually appealing, styling for this project is not necessary. The CSS, or lack thereof, will have no impact on your grade. Hints 1. The Color of the Day API will accept any past or future date. 2. The search history can be stored as an array of objects.
Expert Answer:
Related Book For
Income Tax Fundamentals 2013
ISBN: 9781285586618
31st Edition
Authors: Gerald E. Whittenburg, Martha Altus Buller, Steven L Gill
Posted Date:
Students also viewed these databases questions
-
During the Covid-19 pandemic, working from home has become the norm. Because of this, many households face an increasing monthly electricity bill. Mr. Tan is a research student at the Singapore...
-
THIRD AVENUE SOFTWARE HEALTH-CARE APP PROJECT This case is new for the ninth edition of Information Technology Project Management . The case provides an opportunity to apply agile and Scrum...
-
Planning is one of the most important management functions in any business. A front office managers first step in planning should involve determine the departments goals. Planning also includes...
-
Write a report on Home and Automobile: These are two of the most important financial purchases we will make. These decisions, especially housing, will affect much of your ability to meet your...
-
A full-width weir in a horizontal channel is 5 m wide and 80 cm high. The upstream depth is 1.5 m. Estimate the flow rate for (a) A sharp-crested weir; and (b) A round-nosed broad-crested weir.
-
a. If Canace Company, with a break-even point at $960,000 of sales, has actual sales of $1,200,000, what is the margin of safety expressed (1) in dollars and (2) as a percentage of sales? b. If the...
-
Alter the design of the cyclohexane process in Example 10.5 to reduce the lost work and increase the thermodynamic efficiency. Use a simulation program to complete the material and energy balances,...
-
You are the in charge auditor examining the financial statements of the Gutzler Company for the year ended December 31. During late October, with the help of Gutzlers controller, you completed an...
-
How are best fit and best practice HR practices similar and different, what are the benefits and limitations of each?
-
Morton Corporation has the following full unit costs at a volume of 2,000 units: Direct materials $100.00 Direct labor 40.00 Variable manufacturing overhead 22.50 Variable selling expenses 12.50...
-
What penalty rate would a part-time employee receive on a public holidayQ4: What is the difference between a penalty and an allowance?
-
Taxes are costs, and, therefore, changes in tax rates can affect consumer prices, project lives, and the value of existing firms. Evaluate the change in taxation on the valuation of the following...
-
1. Create a demand graph using the following table of values: PRICE QUANTITY 500 10 20 450 30 400 40 350 50 300 60 250 70 200 2. Create a supply graph using the following table of values: PRICE...
-
4 You are a tech start-up entrepreneur. With a passion to build the next unicorn from India, you are expected to develop and present a detailed assignment as a part of the comprehensive Business...
-
A leading multinational corporation in the gaming industry planned to expand its operations to southern Europe, namely to Spain. Two project managers were assigned to achieve this goal: one project...
-
5. Consider uniform, inviscid, supersonic flow exhausting from a rocket engine nozzle. For fixed back pressure p (i.e., the ambient pressure outside the nozzle), qualitatively draw the first few wave...
-
A lady presented with secondary amenorrhea 6 months after having an abortion. Her FSH levels were measured as 6 mIU/ml what is the most probable diagnosis: a) Pituitary failure b) Ovarian failure c)...
-
The Zwatch Company manufactures trendy, high-quality moderately priced watches. As Zwatch's senior financial analyst, you are asked to recommend a method of inventory costing. The CFO will use your...
-
William sold Section 1245 property for $25,000 in 2012. The property cost $35,000 when it was purchased 5 years ago. The depreciation claimed on the property was $16,000. a. Calculate the adjusted...
-
Sherry Hopson owns a retail family clothing store. Her store is located at 4321 Circle Drive, Houston, TX 77001. Her employer identification number is 95- 1234321 and her Social Security number is...
-
Cedar Corporation has an S corporation election in effect. During the 2012 calendar tax year, the corporation had ordinary taxable income of $200,000, and on January 15, 2012, the corporation paid...
-
Find the probability that a randomly selected person has an IQ score higher than 125. Is this an unusual event? Explain. In a standardized IQ test, scores are normally distributed, with a mean score...
-
Find the probability that the number of U.S. adults who say they have had someone take over their email accounts without their permission is (a) at most 40, (b) less than 45, and (c) exactly 48....
-
A random sample of 60 people is selected from this population. What is the probability that the mean IQ score of the sample is greater than 105 ? Interpret the result. In a standardized IQ test,...
Study smarter with the SolutionInn App