Add eslint, babel-eslint

.eslintrc

+{
+	"extends": "eslint:recommended",
+	"parser": "babel-eslint",
+	"env": {
+		"browser": true,
+		"node": true
+	}
+}

.gitlab-ci.yml

@@ -5,6 +5,7 @@ pages:
         script:
                 - npm config set registry https://registry.npmjs.org
                 - npm i
+                - npm run lint
                 - npm run build
         artifacts:
                 paths:

package.json

@@ -5,6 +5,7 @@
   "main": "index.js",
   "scripts": {
     "dev": "webpack-dev-server --open --host 91.232.225.11 --port 17001 --mode development",
+    "lint": "npx eslint src/js/*.js",
     "build": "webpack --mode production"
   },
   "browserslist": [
@@ -17,10 +18,12 @@
     "@babel/core": "^7.8.4",
     "@babel/preset-env": "^7.8.4",
     "autoprefixer": "^9.7.4",
+    "babel-eslint": "^10.1.0",
     "babel-loader": "^8.0.6",
     "css-loader": "^3.4.2",
     "css-mqpacker": "^7.0.0",
     "cssnano": "^4.1.10",
+    "eslint": "^6.8.0",
     "file-loader": "^5.0.2",
     "mini-css-extract-plugin": "^0.9.0",
     "node-sass": "^4.13.1",

src/js/header.js

-let scrollment = document.getElementById('scrollment');
 let lastScroll = 0;
 let header = document.getElementsByTagName('header')[0];
 
@@ -11,6 +10,6 @@ function scroll(pageY) {
 	lastScroll = pageY;
 }
 
-window.addEventListener('scroll', function(event) {
+window.addEventListener('scroll', function() {
 	scroll(window.scrollY);
 });

src/js/language.js

@@ -19,7 +19,7 @@ changeLanguage.addEventListener('change', function(e) {
 	localStorage.setItem('language', languageValue);
 	currentLanguage = localStorage.language;
 	window.location = languagePath;
-});
+})
 
 function getLanguagePath(languageValue) {
 	let languagePath = languageValue === 'ru' ? '../' : '../' + languageValue;
@@ -29,11 +29,11 @@ function getLanguagePath(languageValue) {
 	}
 	
 	return languagePath;
-};
+}
 
 window.addEventListener('load', function() {
 	if (pageLanguage !== currentLanguage) {
 		let languagePath = getLanguagePath(currentLanguage);		
 		window.location = languagePath;
-	};
-});
+	}
+})

src/js/slider.js

@@ -4,10 +4,6 @@ var multiItemSlider = (function() {
         _sliderWrapper = _mainElement.querySelector(".slider__wrapper"),
         _sliderItems = _mainElement.querySelectorAll(".slider__item"),
         _sliderControls = _mainElement.querySelectorAll(".slider__control"),
-        _sliderControlLeft = _mainElement.querySelector(".slider__control_left"),
-        _sliderControlRight = _mainElement.querySelector(
-          ".slider__control_right"
-        ),
         _wrapperWidth = parseFloat(getComputedStyle(_sliderWrapper).width),
         _itemWidth = parseFloat(getComputedStyle(_sliderItems[0]).width),
         _positionLeftItem = 0,
@@ -173,3 +169,5 @@ var multiItemSlider = (function() {
   var slider = multiItemSlider(".slider", {
     isCycling: true
   });
+
+  slider();

src/js/toggleMenu.js

@@ -3,17 +3,17 @@ let menu = document.getElementById('menu');
 let menuItems = Array.from(menu.querySelectorAll('a'));
 
 menuButton.addEventListener('click', function (e) {
-	    menuButton.classList.toggle('is-active');
-	    menu.classList.toggle('visually-visible');
-	    e.preventDefault();
-});
+	menuButton.classList.toggle('is-active');
+	menu.classList.toggle('visually-visible');
+	e.preventDefault();
+})
 
-menuItems.map((item) => item.addEventListener('click', function (e) {
+menuItems.map((item) => item.addEventListener('click', function () {
 	menuButton.classList.toggle('is-active');
 	menu.classList.toggle('visually-visible');
-}));
+}))
 
-menuItems.map((item) => item.addEventListener('touch', function (e) {
-	        menuButton.classList.toggle('is-active');
-	        menu.classList.toggle('visually-visible');
-}));
+menuItems.map((item) => item.addEventListener('touch', function () {
+	menuButton.classList.toggle('is-active');
+	menu.classList.toggle('visually-visible');
+}))