undefined

Scenario: Your client is putting on a play and they want to use tablets that the actors can touch the name of the character they are playing so they can highlight their lines to make it easier to rehearse.

A single web page wired with events: For this assignment, you will be creating a small, single page application using the DOM. The page must:

1. With a single click, highlight (bold or otherwise) all lines for a specific actor in a play
2. Un-highlight (normal or otherwise) all lines from all other actors in the play
3. The function(s) created to do the work must accommodate any number of actors, and any number of additional lines added to the page
4. The page must do the work without page re-loads (i.e. it must be done via JavaScript and the DOM)
5. The page may not use a third party API (jQuery, for example)
6. HTML "hooks" may be added to the page, meaning you can edit the HTML to enable your scripts to perform properly

Example Play: If you would like an example html file with a snippet from a play, use this: Hamlet Act III Snippet (Links to an external site.)

Detailed Submission Requirements: We'll work through many of the technical aspects of how to do the work above during class. However, you must implement the above on your own page, with a professional look and feel, and include at least 3 speaking parts in your play/script. Here are the main things that you'll need to do on your page:

1. Be a professional-looking page with it's own CSS stylesheet. Your page must include validation links and be valid HTML & CSS.

2. Incorporate your own play/script

3. Use at least 3 parts/actors

4. Link your assignment to your portal page

Snippet of Script, NOT FULL SCRIPT REQUIRED: There is no need to incorporate an entire script or play. As long as there are 3 parts/actors involved.

Sources for Scripts: Here are a few links that offer plays and scripts you can use: The 13 Best Websites to Download Scripts (Links to an external site.)

Submission: Submit your Portal Page, as then I can check to see you linked it properly.