Midterm Exam Overview:You will be working on creating a Photo List application from scratch. I have provided an image with some style recommendations; if you do not see a style recommendation for a particular HTML element, use any styling you want to make your page look like Figure 1 below. The text under Colors on the Figure 1 should be set to white if the “luminance” property on the colors array is less than 70. Figure 1 Instructions Download “files.zip” from under the Midterm module. You will need to create a new HTML file and any other files you think is necessary for styling and writing your code. I have provided some style guidelines in Figure 1 above, but other than that you are free to style this page however you wish. When the HTML page first loads, you should use JavaScript to load the 3 items from photo-share.js like shown on Figure 1. When the “Add” button is clicked, you will need to make sure that the 3 fields (row number, color name, and luminance) are not empty. You don’t have to check for invalid values, you can assume the user will enter the valid types. If any of the fields are missing, you will display a message (All fields are required.) like the following: If all of the fields are populated, then the color is added to the appropriate row. If row number is 2, color name is “Test Blue”, luminance is 60, and color value is #1a88ff then it will look like the following: Once the color is added, you should clear the row number, color name, color and luminance input fields. Testing and guidance The list will keep on growing as you add new colors. If you refresh your browser page, the colors list will be reset to the original from Figure 1. Using what you have learned so far in the class, you can implement this page any way you want. The page does not need to look exactly like my example in Figure 1 but try your best to make it look similar. Grading Criteria I will be grading as per following: 70 points for the page working as expected. 20 points for the page’s styling. 10 points for the neatness of the code written. Submission Once you are done, please put all your files in a zip file named with the format lastname_firstname_midterm.zip. Please not add any unnecessary files or folders to the zip file, I will deduct 5 points for this.
Blog
What does a signal phrase accomplish in academic writing?
What does a signal phrase accomplish in academic writing?
In MLA, how should works with no listed author be cited in t…
In MLA, how should works with no listed author be cited in the text?
Cost of production will be the same value as
Cost of production will be the same value as
For each match each budgeting term to another term that has…
For each match each budgeting term to another term that has the same meaning
In the case of distributive bargaining, the ________ point m…
In the case of distributive bargaining, the ________ point marks the lowest outcome that is acceptable—the point below which the party would break off negotiations rather than accept a less favorable settlement.
The best deal you could make outside of the current negotiat…
The best deal you could make outside of the current negotiation is your ________.
For the past several months, Paulina Grabowski has been unha…
For the past several months, Paulina Grabowski has been unhappy in her job. Her friends have suggested that it’s time to move to a new company, but Paulina responds that the company is a good one and that she is sure that things will improve in time. Paulina’s response to this situation can best be referred to as ________.
Which of the following statements is true regarding a bargai…
Which of the following statements is true regarding a bargaining zone?
In the case of distributive bargaining, the ________ point i…
In the case of distributive bargaining, the ________ point indicates what a person would like to achieve out of the negotiation.