Build an app that makes party invitations:

Label what code belongs to what file name:

Ex.

1) this code goes in index.html

2) this code goes in css

3) this code goes...

Transcribed Image Text:

Party invitations Build an app to make invitations for a party. It starts like this: Invitations Invitations Snacks requested: 0 Desserts requested: 0 Who is the invitation for? Name Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson Note: The Invite button is disabled. The user types in a name, and clicks either the snack or dessert button. If there s no name, show an error message. The user types in a name, and clicks either the snack or dessert button. If there s no name, show an error message. Invitations Invitations Snacks requested: 0 Desserts requested: 0 Who is the invitation for? Buffy Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson • The snack and dessert counts at the top of the page are updated. • The snack and dessert buttons are disabled. • The invite button is enabled. Invitations Invitations Snacks requested: 1 Desserts requested: 0 Who is the invitation for? Buffy Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson When the user clicks the Invite button: • An invitation is created, and added to the existing invitations. • The invitation heading, and the invitations, are shown. • The snack and dessert buttons are enabled. • The invite button is disabled. • The name field is cleared. Here s what the screen might look like after some invitations: Invitations Invitations Snacks requested: 2 Desserts requested: 1 Who is the invitation for? Name Enter the name of the invitee. Request snack Invite Invitations Buffy: Please come to my party! Please bring a snack to share. Your pal, Kieran Willow: Request dessert Please come to my party! Please bring a dessert to share. Your pal, Kieran Xander: Please come to my party! Please bring a snack to share. Your pal, Kieran Sample web app by Kieran Mathieson Sign the invitation with your name, not mine. Sign the invitation with your name, not mine. Hints: • To disable a button: • To enable a button: $( #invite-button ).removeAttr( disabled ); $( #dessert-button ).attr( disabled , disabled ); Party invitations Build an app to make invitations for a party. It starts like this: Invitations Invitations Snacks requested: 0 Desserts requested: 0 Who is the invitation for? Name Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson Note: The Invite button is disabled. The user types in a name, and clicks either the snack or dessert button. If there s no name, show an error message. The user types in a name, and clicks either the snack or dessert button. If there s no name, show an error message. Invitations Invitations Snacks requested: 0 Desserts requested: 0 Who is the invitation for? Buffy Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson • The snack and dessert counts at the top of the page are updated. • The snack and dessert buttons are disabled. • The invite button is enabled. Invitations Invitations Snacks requested: 1 Desserts requested: 0 Who is the invitation for? Buffy Enter the name of the invitee. Request snack Invite Request dessert Sample web app by Kieran Mathieson When the user clicks the Invite button: • An invitation is created, and added to the existing invitations. • The invitation heading, and the invitations, are shown. • The snack and dessert buttons are enabled. • The invite button is disabled. • The name field is cleared. Here s what the screen might look like after some invitations: Invitations Invitations Snacks requested: 2 Desserts requested: 1 Who is the invitation for? Name Enter the name of the invitee. Request snack Invite Invitations Buffy: Please come to my party! Please bring a snack to share. Your pal, Kieran Willow: Request dessert Please come to my party! Please bring a dessert to share. Your pal, Kieran Xander: Please come to my party! Please bring a snack to share. Your pal, Kieran Sample web app by Kieran Mathieson Sign the invitation with your name, not mine. Sign the invitation with your name, not mine. Hints: • To disable a button: • To enable a button: $( #invite-button ).removeAttr( disabled ); $( #dessert-button ).attr( disabled , disabled );

Answer rating: 100% (QA)

indexhtml This file contains the structure of the web page including the form for creating invitations and buttons Its where you define the layout and ... View the full answer