In this lab, you'll practice building forms in Sinatra by creating a basketball team sign-up sheet. Your application will have a basic HTML form, and will display the data from the form after it has been submitted by the user.
-
Run
bundle install
-
Run
shotgun
-
Make a form
Create a route that responds to a GET request at
/newteam
. Add a form to thenewteam.erb
template and render it in the GET/newteam
route.The form should have fields for: Team name ('name') Coach ('coach') Point Guard ('pg') Shooting Guard ('sg') Power Forward ('pf') Small Forward ('sf') Center ('c')
It should look something like this:
When creating your form, your "Submit" button will need to be identified by an
id
attribute with value of "Submit". We're telling this to you now
because our test frame work, Capybara, requires buttons to be
findable by an id
, title
, or value
attribute.
-
Handle form submission
Create a route that responds to a POST request at
/team
Have the form send a POST request to this route. Upon submission, pass the submitted data to theteam.erb
template. -
Final Output
Update the
team.erb
template so when you post to this form, it displays the name of the team and each member of the team.Your view should display something like this:
-
Deliverables
Pass the tests! Make sure you read the test output carefully!
View Sinatara Forms Lab on Learn.co and start learning to code for free.