Introduction

A few students have recently started "TwoStone", a homemade cupcake shop that specializes in unusual flavors. They cater exclusively to UIUC students and will deliver anywhere on campus. To increase their business, they would like to offer online ordering. They have already designed the form and even tried to include some JavaScript, but sadly they failed miserably. Luckily, you just began studying JavaScript in CS 105 and hence they have asked your team to help them out and make the form work.

Getting Started

TwoStone has sent you their code in this ZIP file. This is a very convenient way of packaging multiple files into one space-saving "package" that you must extract in order to work on the code. All files must stay together for the lab to work!

• You may open the file directly in Windows Explorer. Alternatively, save it to your desktop and open the "context menu" using the right mouse button. In either case, you must select "Extract All" to extract the files to your desktop. You will notice that this creates a new folder for you.


• On OS X, you can double-click the ZIP file within Finder and it will extract it into a new folder for you.

Did you get it right?

Inside the new folder, open cupcakeOrder.html using a Firefox.

• If you see an orange bar span across the top of the screen, you extracted the file correctly! Awesome!
• If you only see a white background with no orange bar, you did not extract the file. Try carefully repeating the steps for extracting the lab.

Let's look at the code

To open cupcakeOrder.js select "Word Processing" from "All Programs" in the Start Menu and select Notepad++ (or any other text editor you may prefer). Use the File menu to locate and open the file.

Hey, we're ready to do some real programming now!

Let's Go!