To Projects

IT 130 -- Project Proj5
Lottery Quick Pick

 
  1. Important: use a link tag to link to the external styles in the css file you created for Project Proj4. This external style page should set the fonts for the page and set the background and foreground colors using rgb color codes (10 points).
     
  2. Important: after uploading your page to the students.depaul.edu server, modify your index page from Project Proj3 to include a link to your page (10 points).
     
  3. Important: Write a comment at the top of your source that explains what your application does for someone reading your source code.
     
  4. Include a title in the head section and size 1 or 2 heading on the top of the page.
     
  5. Write an HTML page with Javascript that will pick JavaScript numbers and display the corresponding lotto balls. (10 points)
     
  6. There should be a dropdown menu to input the maximum possible pick (ddmMaxPick). We will talk about how to create dropdown menus on Thursday, October 20. Initially, set the maximum pick to 40. You can include all of the numbers from 2 to 50 in the dropdown menu or you can include only 10, 20, 30, 40 and 50.
     
  7. There should also be six images (imgPick1, imgPick2, imgPick3, imgPick4, imgPick5, imgPick6) to display the randomly chosen lotto numbers.
     
  8. Example: If 45 is input as the maximum value of the picks, the six lottery picks might be 43, 21, 6, 30, 34, 20.
     
  9. There should be one button with the caption Pick Lotto Numbers. When the button is pressed, display the six lottery picks.
     
  10. For this project, you are allowed to access the lotto ball images using an absolute URL. These images are found in the folder http://condor.depaul.edu/~sjost/lottoballs/.
     
  11. Use the Dice2 and Pick Random Examples as models for this project.
     
  12. Choose a document-level or external style for Proj5 that is different than the style for the dice example to make your layout attractive. You may reuse your external style from Proj4 if you wish. Use additional inline styles if you need them.
     
  13. Requirement: Define these seven functions, similar to the functions in the Dice2 Example: pickLottoNumbers, displayBall1, displayBall2, displayBall3, displayBall4, displayBall5, displayBall6.
     
  14. Note: The lottery picks might contain repeat numbers. If repeat numbers are not allowed in the game you play, keep pressing the button until there are no repeat numbers.
     
  15. Provide labels to make your user interface clear to the user.
     
  16. Grading criteria: Functionality: 50%, title in head: 5%, size 1 or size 2 heading on top of page: 5%, link to external style: 10%, well written form and code: 10%, comment at the top of the source code: 10%, hyperlink to HW5 page in Proj3 index page: 10%.
    17.