Html/css Javascript Project 2

Journal of how you came to University
Write a web application using JavaScript and CSS that contains a journal of major events and places on your journey to University. The aim is for you to provide details of how you arrived at University and comments about interesting places on the way. When the application is fully operational visitors will be able to post comments and links to other features of your visited places.

There are two types of users – you as the administrator and owner of the application and visitors. All visitors will need to be registered to use the application.

As well as the main application heading and information about the user at the top right, the user is presented with a text area with the caption ‘How did I arrive here?’ and an Update and Clear button. Assume the user (you) is already logged in. Note that as the user types the number of characters left out of 160 is displayed.

When the Update button is clicked the following occurs:

1. The user name is added to the message text typed by the user
2. A time stamp is added after the message text
3. A photo is added at the left
4. Any URLs are made into hyperlinks
5. The combined photo and text, formatted suitably, is prepended to the list of previous messages below the input area, i.e. the most recent item is at the top of the places visited.

6. The message box is cleared to allow further user input.

When the Clear button is clicked the text area is cleared.

Make sure that all presentation of the page content is done using styles and style sheets. The old deprecated HTML tags for font size, family, colour and weight should not be used.

Leave a Reply

Your email address will not be published. Required fields are marked *