bryansaylor / homework-portfolio

0 stars 0 forks source link

Feedback on assignment #6 #6

Open barryross opened 7 years ago

barryross commented 7 years ago

FEWD Week #6 Project: Working with Arrays


Description

The team from CitiPix has reached out for iteration on their prototype. Instead of using a user's text input to change the background of the interface, the CitiPix user experience designers have asked to see how a drop-down menu would work in place of an input field.

The product managers are hopeful it will also lead to less error handling for their engineers and data team. Use what you've learned this week about data-types and arrays, use the starter code - or your code from last week - and make the adjustments to your JavaScript file.

Be sure to start out with Pseudocode.

Student: Bryan Saylor

Project URL: https://github.com/bryansaylor/homework-portfolio/tree/master/Assignment%206

Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Create an array with the following values: "NYC", "SF", "LA", "ATX", "SYD"; use afor loop in JavaScript to loop through them x
Use $.append() in your loop (from above) to populate the <select>drop-down menu x
When the user changes the input of the drop-down, update the background image based on what they selected x
Use the $.attr() function to update html classes x
Get the value of user input using $.val() x
Use the $.change event handler to capture user actions x
Use if/else if/else conditionals to control the flow of your application x
Display your pseudocode as Javascript comments x
TOTAL: 15/16
barryross commented 7 years ago

Bryan, excellent work on this!

I like that you discovered a more consolidated approach rather than using if/else if/else.

The reason for the one mark I left off was simply b/c I want to make sure you are comfortable using the jQuery .val() method for select elements in addition to input elements. Clever solution though, using .attr("value").

Keep up the great work and please see inline comments for more info!