COSC 122 - Computer Fluency
Lab 11: Being Creative with HTML/JavaScript


In this OPTIONAL, BONUS lab, you will get a chance to earn bonus marks for being creative with HTML and JavaScript.


Possible Ideas

  1. GPA calculator - enter 5 grades and have the computer calculate the average
  2. High score table - enter 5 high scores and have the computer sort them and puts them in a table in order
  3. Music player - Create a page of (some of) your favorite songs and have a song played when the user selects it.
  4. Modify your previous lab 3 to use JavaScript somehow. You do not have to use the same web page as lab 3.

Submission Instructions and Marking

IMPORTANT: This lab is optional. If you do not have time to do the lab, then you are not penalized for not doing it. However, if you have time, I encourage you to use your new HTML/JavaScript skills to get bonus marks, and at the same time, have fun practicing your programming which will help you on the final exam.

For this lab assignment, submit using Canvas your own personal page. The page can be about any topic you want. Although you can look at other web sites for ideas, do not borrow HTML/JavaScript code from other sites. Submit the web page and all associated image files in a single zip file. Your web page must have at minimum these components:

  1. An HTML form with at least one button besides Submit/Reset that does something (calls some JavaScript method).
  2. JavaScript code must have at least one if statement and at least one for loop that does something useful.
  3. It is encouraged that you use an array for something useful, although that is not required.

Grading (10 Marks Total + bonus potential)

  1. +10 marks - if page has minimum requirements of HTML form with buttons, if statement, and for statement. Note you must meet all minimum requirements to get any of the 10 marks. No part marks will be awarded.

In addition to the basic marks, there will be up to 10 bonus marks awarded for the best web page (voted on by the TAs and professor). The best page gets +10 marks, 2nd best +9 marks, 3rd best +8 marks, 4th best +7 marks, ... and the 10th best +1 mark. Your web page will be evaluated on presentation/quality, but also on difficulty, especially with regard to JavaScript code.


*Home