index.js

/* eslint-disable func-names */
import {
  startGame,
  difficulty,
  numArray,
  ifLose
} from './javascript/gameSetup.js';
import { userTurn } from './javascript/gameplay.js';

let pos = 0;
const secretArray = [1, 2, 3, 4, 3, 2, 1];

// export let buttonid;
document.getElementById('start-button').addEventListener('click', () => {
  startGame(document.getElementById('start-button'));
});

let buttons = document.querySelectorAll('button.play-button');

for (const button of buttons) {
  button.addEventListener('click', () => {
    console.log(button.id);
    pos = userTurn(numArray, pos, ifLose, button.id, difficulty);
    if (pos === -1) {
      pos = 0;
      while (numArray.length > 0) {
        numArray.pop();
      }
    }
  });
}
let interval;

function shakeit(element) {
  element.style.display = 'block';
  var x = -1;
  interval = setInterval(function() {
    if (x == -1) {
      element.style.marginLeft = '-5px';
    } else {
      switch (x) {
        case 0:
          element.style.marginLeft = '-10px';
          break;
        case 1:
          element.style.marginLeft = '0px';
          element.style.marginTop = '10px';
          break;
        case 2:
          element.style.marginTop = '-10px';
          break;
        default:
          element.style.marginTop = '0px';
          clearInterval(interval);
      }
    }
    x++;
  }, 50);
}
shakeit(document.getElementsByClassName('shakeit')[0]);
setInterval(function() {
  shakeit(document.getElementsByClassName('shakeit')[0]);
}, 2000);