Assigned: Monday, April 20
Due date: Monday, April 27
The aim of this project is to get familiar with jQuery methods.
The page contains a text box in which the user can type a line of text, then below that three buttons whose function is explained later, then an area (use a div) where content will appear. No form tag, please.
When the user types some text in the input box and it is accepted (use the change event), the text is appended in a new div at the end of the content area. The input box is cleared.
Each line of text that has been entered is made clickable: when clicked it is highlighted (or highlighting is turned off). Use a class for highlighting. All highlighted lines are affected by button clicks as follows.
One of the buttons toggles bold facing of the selected text. Another similarly toggles italics. Use classes for these. The third button deletes the selected line(s) of text. All highlighted lines are affected at the same time.
Note: Your project page must pass the W3C validator with no more than the unavoidable warning about the experimental HTML5 conformance checker.