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