Project 7
For this project you will modify a small AJAX script to add some
additional capabilities. Ultimately, your project will consist
of 5 files:
- proj7.html (the main project page)
- proj7.js (your JavaScript)
- message1.txt
- message2.txt
- message3.txt
The model you will use is the
sample AJAX
program. Using that program as a foundation, do the
following:
- Modify the message files so that your name will display
somewhere in the message.
- Modify proj7.html so that the script is removed to a
separate file (proj7.js)
- Modify the html file so that 3 additional buttons are placed
on a line below the current buttons. These buttons will be
labeled RED, BLUE, and BLACK.
- Modify the proj7.js script so that a single function is
added to change the color of the text in the message. The
buttons themselves should pass the desired color to the function
when calling it, i.e. the function should handle any color
passed to it.
The project should work like a sample that will be shown to you
in class. The change must be done using this method and
NOT by refreshing the entire page.
All files should be uploaded to a "proj7" folder on the class
server and an appropriate link placed in your index.html file.
Files must be uploaded no later than 8:59 a.m. on the due date noted
in the course calendar.