Answered step by step
Verified Expert Solution
Question
1 Approved Answer
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
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...
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 );
Step by Step Solution
There are 3 Steps involved in it
Step: 1
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 ...Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started