// Text can be any number of lines.
// Last line of an item starts with a :  and may specify a figure file.
// Elaborations are enclosed in braces.

Specify the output produced by this code.
: 
{
   
   Study the code in the left panel. 
   : readCode.GIF
   
   If the code does not produce any output, click on the <IT>No Output</IT> button.
   : noOutput.GIF

   Otherwise, identify all the outputs produced by the code.
   : 
   {
      Enter the output, one line of code at a time.
      : 
      {
         Click on the line number in black.
         : lineNumber.GIF
             
         Select <it>Output</it> and click on <it>Add new output</it>.
         : addOutput.GIF
              
         Enter the output and click on <it>Done</IT>.
         : enterOutput.GIF
      }
   
      Select the lines of code <B>in the order</B> in which they are executed.
      : correctOrder.GIF
   
      Repeat the procedure for all the lines of code that produce output.
      : 

      Note that you can modify an output you entered earlier.
      : 
      {
         Click on the line number in black.
         : lineNumber.GIF

         Select <it>Output</it> and click on <it>Edit existing output</it>.
         : editOutput.GIF
   
	 Note that all the previous outputs you entered for the line are listed.<BR>
         Change one or more of the previous outputs and click on <it>Done</it>. 
         : editOutput2.GIF

         To delete an output, erase it completely before clicking on <it>Done</it>.
         : 
      }

      Note that if a line produces multiple outputs <b>back to back</b>, you can enter them in one shot.
      : 
      {
         Click on the line number in black.
         : lineNumber.GIF

         Select <it>Output</it> and click on <it>Add multiple outputs</it>.
         : multiOutput.GIF
   
         Enter each output in a separate box. Enter the outputs in the
         correct order. <BR> Additional boxes will appear as
         necessary. <BR> After entering all the outputs, click on <it>Done</it>.
         : multiOutput2.GIF

	 Caution: Do not use this feature if the outputs of this line are alternated with the outputs of another line!
	 :
      }
   }
   
   Note that the outputs you enter will be displayed below. 
   : outputView.GIF
   {
      Your answer <B>may be</B> color-coded.<BR>
      If an answer has <GR>green</GR> background, it is correct.<BR>
      If it has <RD>red</RD> background, it is incorrect.
      : errorFlag.GIF

      You can undo the last output, or clear all the outputs here before submitting.
      : undo.GIF
   }

   After identifying all the outputs, click on the <it>Submit Answer</it> button.
   : submitAnswer.GIF

}








// If the 'play' button is provided, click on it to step through the feedback.
// animate.GIF

// Carefully read the feedback provided in the right panel. Scroll if necessary.
// readFeedback.GIF

// Finally, click on the "Next Problem" button to generate the next problem and start over.
// newProblem.GIF