This is the most difficult exercise so far, so make sure to put in use everything you have learned in this book. Create an array of 4 horse-drawn chariots. Each chariot has a "name" and a number of "horses" (from 1 to 4). Create a Component named chariot
. The chariot
Component should display the name of the chariot and the number of the horses it has. It also must have an action button. The button's text depends on the currently selected chariot.
More specifically, button's text should be:
Pick Chariot
: Before the user has chosen any chariotDismiss Horses
: When the chariot has less horses than the selected chariotHire Horses
: When the chariot has more horses than the selected chariotRiding!
: When the chariot is the selected chariot (this button has to be disabled)
The user should be able to pick a chariot and then choose between any chariot he wants to.
Example scenario: User has chosen a chariot with 2 horses and its button says Riding!
. A chariot with 3 horses has one more horse...