Keylogger and Hamburger Menu Javascript Assignment

From Knowledge Kitchen
Jump to navigation Jump to search

Page skeleton

The page has a basic header, footer, left pane, content pane layout. Use appropriate HTML 5 tags.

Basic javascript assignment page skeleton.png

Default page content

By default, the left pane shows a field where the user can edit HTML code and click to see that code previewed in the main content pane.

Basic javascript assignment page content.png

Hamburger menu

Clicking on the hamburger icon displays the menu.

Basic javascript assignment menu.png

Hovering over a menu item highlights that item visually. Clicking on an item updates the left pane of the page to show the selected editor.

Basic javascript assignment menu hover.png

Page content after menu clicked

After a user has clicked a menu link, the page shows the selected editor.

Basic javascript assignment left pane swap.png