IT 411

Fall 2025

Craig Miller

Weekly Notes

Assignments

Technical References

Assignment 1
Interactive Page with JavaScript
Due Saturday September 20 before 11:30pm

Overview

For this assignment, you will start with a simple menu page and modify it to make it interactive with JavaScript.

Procedure

Complete the following steps:

  1. Download the menu page
  2. As you see fit, modify any of the html content; check that it works
  3. Add some CSS rules; check that they work
  4. In the console, try out JavaScript expressions and JavaScript assignments that modify the page
  5. Incrementally add in JS statements inside the script tags in the file; check that they work
  6. Add a button so that some of the changes occur when the button is pressed
  7. Move JS code to a separate JS file and link to it from the html file
  8. Optional: Place your JS code in a function so that it runs after the code is loaded

Requirements

Your interactive page should have the following:

  • Input text fields, an event-handling function, and display of output
  • Your name and app description commented in the html and js files.
  • Consistent indentation for html and JavaScript.
  • Use of code constructs consistent with those presented in class

The submission should also include a written overview (less than one page) that describes your accomplishment and how you accomplished it --- include any details of help, collaboration, or use of online resources.

Submission

On D2L, submit a zip file of a folder with the following contents:

  • A readable document (pdf is preferable) that summarizes your accomplishment.
  • html file
  • js file
  • Any supplementary files (e.g., CSS file) for your web app

Grading

This assignment is worth 10 points. A rubric will be provided with the submission.