In this lesson, you will design and implement a Web page interface for the palindrome program from the previous lesson. In addition to improving the robustness of this program, you will incorporate dynamic images in the page to make the page more expressive.
Design and implement a Web page for reading in a word and determining if that word is a palindrome. The layout of the page and the type of form elements used to read in the word and display the results are entirely up to you. Your final page should be attractive and intuitive to use, however.
Note: you may make use of the isPalindrome function from the previous lesson.
In addition to single words, entire phrases or sentences can be palindromes. When testing a phrase, spaces and punctuation marks should be ignored. For example, two famous palindrome phrases are:
In Lesson 23, you learned how to display images in a Web page using the IMG element. For example, including the following tag in a page would result in a picture being displayed (specifically, the picture stored at the address: http://www.dickinson.edu/~braught/courses/cs131s99/Images/dwr.gif).
Cut-and-paste the above HTML code into a file and load it into the browser to verify that it behaves as described. Describe the two pictures that are displayed.
Add images to your palindrome page so that it displays some "happy" image when the word/phrase is a palindrome, and some "unhappy" image when it is not. The actual images used are entirely up to you. Feel free to scour the net and find just the right images to express your own personal style.