# DOM Manipulation Demo Feature Set

## Feature: Changing the Header Message

**Scenario**: We want to be able to change the header message as soon as someone gets on the site.

**Implementation Details**: After about 2 seconds, change the H1 tag to display a new message using DOM Manipulation

## Feature: Highlight the Header Message

**Scenario**: We want to be able to flicker the header message with yellow highlights on and off

**Implementation Details**: At 3 second intervals, change the CSS of the H1 so that its background color is yellow (and remove it)

## Feature: Change the Border of the Header Message

**Scenario**: To be maximally obnoxious, we want to change the style of the H1 so that it is surrounded by a red border

## Feature: Change the Links in the Paragraphs to Wikipedia Style Citations

**Scenario**: Instead of actual word being the link, we want the link to be a superscript with a number that indicates what number link it is on the page

**Implentation Details**: We need to select all the anchor tags on the page and then for each anchor tag, we need to create superscript tags, make them the links and insert them into the DOM.

In addition, we'd like to remove the original anchor tag from the DOM while preserving its text in the paragraph