destructured code and cleaned functions, which now import from sepera…

…te module

README.md

@@ -47,3 +47,5 @@ increase density of objects depending on screen size
 density > over time
 
 feedback ++ when you hit objects
+
+++ create imports/exports for functions and write a test for some of them

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [["@babel/preset-env", { targets: { node: "current" } }]],
+};

functions.js

@@ -0,0 +1,52 @@
+export const shuffleArr = (array) => {
+  const newArray = [...array];
+  var currentIndex = newArray.length,
+    temporaryValue,
+    randomIndex;
+
+  // While there remain elements to shuffleArr...
+  while (0 !== currentIndex) {
+    // Pick a remaining element...
+    randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex -= 1;
+
+    // And swap it with the current element.
+    temporaryValue = newArray[currentIndex];
+    newArray[currentIndex] = newArray[randomIndex];
+    newArray[randomIndex] = temporaryValue;
+  }
+
+  return newArray;
+};
+
+export const getRandom = (upperLimit) => {
+  const arrayNum = [...Array(upperLimit)].map((_, i) => i);
+
+  const ranNums = shuffleArr(arrayNum);
+
+  return ranNums;
+};
+
+export const loadSounds = (length) => {
+  const soundArray = new Array(length);
+
+  for (let i = 0; i < soundArray.length; i++) {
+    const relPath = "./sounds/";
+    const fileType = ".mp3";
+    const srcLink = `${relPath}${i}${fileType}`;
+    soundArray[i] = new Howl({
+      src: [`${srcLink}`],
+    });
+  }
+
+  return soundArray;
+};
+
+export const makeImg = (name) => {
+  const img = new Image();
+  const path = "./images/";
+  const fileType = ".png";
+  const imgStr = `${path}${name}${fileType}`;
+  img.src = imgStr;
+  return img;
+};

index.html

@@ -13,6 +13,6 @@
       <canvas id="c"></canvas>
     </div>
     <script src="./node_modules/howler/dist/howler.js"></script>
-    <script src="./main.js"></script>
+    <script src="./main.js" type="module"></script>
   </body>
 </html>