Assignment 2
Interactive Page with Event Listeners
Due Saturday September 27 before 11:30pm

Overview

For this assignment, you will update your assignment 1 page so that it includes event listeners and follows programming standards from class.

Procedure

Using the page from your assignment 1, update it so that it has the following:

  1. At least two user event (e.g., click, change) handler functions that is assigned to controls using JavaScript addEventListener.
  2. Create a window load handler that runs JavaScript code after the web page has been loaded.
  3. Create variables that refer to web page elements (use const or let)
  4. Load external JS file

Requirements

Your interactive page should have the following:

  • Input text fields, event-handling functions, 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.