Adding Real Features
Let's add some real features to our app!
We'll cover the following
If you’ve looked at the schedule page in your browser, you’ll see a button next to each day in the schedule labeled “Hide.” Clicking on it does nothing—yet.
Toggling the state with TypeScript
If you’ve looked at the markup for that page in app/views/schedule/show.html.erb
, you’ll see an each
loop for each day in the schedule. A few lines into that loop, you’ll see a button with the “Hide” text. I’ve marked up the appropriate DOM elements with some CSS classes that we’ll use in the TypeScript code:
Get hands-on with 1200+ tech skills courses.