Navigation Bar

[zoeames]

1. Create an element to serve as the navigation bar for your application.
2. Create an element to hold the logo for your application. It can be as simple as text, but if you want to find an image, that's fine.
3. Create a input field for a user to enter in a message.
4. Add an event listener for "keypress" and detect when then return key has been pressed in the message field.
5. When return key is detected, you'll create a new message.
6. Create a button to clear all messages.
7. When the user clicks the clear messages button, all current chat messages should be removed from the application.
8. If there are no messages, then the clear messages button should be disabled.
9. The navigation bar should remain at the top of the screen, even if the contents of the page start to scroll.