Answered step by step
Verified Expert Solution
Link Copied!

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:

imageimageimageimageimage

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 ... blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Computer Networks

Authors: Andrew S. Tanenbaum, David J. Wetherall

5th edition

132126958, 978-0132126953

More Books

Students also viewed these Electrical Engineering questions