PBL Budget Activity

Prompt

Code an activity in html, css, and javascript to make it self-contained, embeddable, and complete. Use the directions in the included pdf. Use the following links for the money to add realism to the activity: $10 https://imgur.com/8ickkZP, $100 https://imgur.com/NUV3U0t, $2 https://imgur.com/v8NhYQZ, $20 https://imgur.com/VRjBfoK, $5 https://imgur.com/AsfiFNw, $50 https://imgur.com/X3erbb6, and $1 https://imgur.com/aKSUqJy. Use these coins: 10¢ https://imgur.com/g1XHsTt, 50¢ https://imgur.com/jX6rV2D, 5¢ https://imgur.com/3Cv6WLg, 1¢ https://imgur.com/Dx1c378, 25¢ https://imgur.com/uxC7Tyh. Generate a budget sheet they can drag and drop the money into. Ensure an unlimited supply of coins and bills. For example, to drag $8, students need one $5 bill and three $1 bills. Show the total of up to $100 for the entire budget. Use a navy blue, white, black, and gray theme for a professional look.

Iteration

Allow players to edit the quantity of the items in the budget after adding them.

Iteration 2

The Print Budget Sheet button is not working. Check the code and fix it as needed.