IT 411

Fall 2024

Craig Miller

• Home
• Basic Information
• Grades and Policies
• Schedule

Weekly Notes

• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10

Assignments

• Assignment 1
• Assignment 2
• Assignment 3
• Assignment 4
• Assignment 5
• Midterm Report
• Assignment 6
• Assignment 7
• Assignment 8

Technical References

• JavaScript Basics Tutorial
• Mozilla Technical Documents
• HTML Tag Reference
• CSS Property Reference
• JavaScript Guide

Assignment 1
Interactive Page with JavaScript
Due Saturday September 14 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

Requirements

Your interactive page should have the following:

• A written overview (approximately 1 paragraph) that describes your accomplishment and how you accomplished it --- include any details of help, collaboration, or use of online resources
• 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.

Submission

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

• A readable document (pdf or txt) that summarizes your accomplishment.
• html file
• Any supplementary files for your web app

Grading

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