on review

README.md

@@ -9,4 +9,4 @@
 
 **Result**
 
-- [UPDATE DEMO LINK](https://<your_account>.github.io/<repo_name>/)
+- [DEMO LINK](https://VitaliyBondarenko1982.github.io/based-landing/)

dist/scripts/main.js

@@ -1,3 +1,45 @@
 'use strict';
 
-console.log('hello mate academy!');
+const ESC_KEYCODE = 27;
+const ENTER_KEYCODE = 13;
+
+const navMain = document.querySelector('.nav');
+const navToggle = document.querySelector('.nav__toggle');
+const header = document.querySelector('.header');
+
+const onToggleEscPress = function(evt) {
+  if (evt.keyCode === ESC_KEYCODE) {
+    closeMenu();
+  }
+};
+
+const openMenu = function() {
+  navMain.classList.remove('nav--closed');
+  navMain.classList.add('nav--opened');
+  header.classList.add('header--hidden');
+  document.addEventListener('keydown', onToggleEscPress);
+};
+
+const closeMenu = function() {
+  navMain.classList.add('nav--closed');
+  navMain.classList.remove('nav--opened');
+  header.classList.remove('header--hidden');
+  document.removeEventListener('keydown', onToggleEscPress);
+};
+
+navToggle.addEventListener('click', function() {
+  if (navMain.classList.contains('nav--closed')) {
+    openMenu();
+  } else {
+    closeMenu();
+  }
+});
+
+navToggle.addEventListener('keydown', function(evt) {
+  if (evt.keyCode === ENTER_KEYCODE
+    && navMain.classList.contains('nav--closed')) {
+    closeMenu();
+  } else {
+    openMenu();
+  }
+});