comparison js/core.js @ 3102:972b55d81c1b

#171 Completed

                 storageRoot = storage.document.createElement("calibration");
                 storage.root.appendChild(storageRoot);
             }
             return storageRoot;
         }
-        var calibrationObject = undefined,
+        var calibrationObject,
             _checkedFrequency = false,
             _checkedChannels = false;
 
         // Define the checkFrequencies test!
         var checkFrequencyUnit = function (htmlRoot, storageRoot) {
 
             function createFrequencyElement(frequency) {
                 return (function (frequency) {
+                    var hold = document.createElement("div");
+                    hold.className = "calibration-slider";
                     var range = document.createElement("input");
                     range.type = "range";
                     range.min = "-24";
                     range.max = "24";
                     range.step = "0.5";
                     range.setAttribute("orient", "vertical");
                     range.value = (Math.random() - 0.5) * 24;
                     range.setAttribute("frequency", frequency);
-                    htmlRoot.append(range);
+                    hold.appendChild(range);
+                    htmlRoot.appendChild(hold);
 
                     var gain = audioContext.createGain();
                     gain.connect(outputGain);
                     gain.gain.value = Math.pow(10, Number(range.value) / 20.0);
-                    var osc = undefined;
+                    var osc;
 
                     var store = storage.document.createElement("response");
                     store.setAttribute("frequency", frequency);
                     storageHook.appendChild(store);
                     var interface = {};

             var frequencies = [100, 200, 400, 800, 1200, 1600, 2000, 4000, 8000, 12000];
             var outputGain = audioContext.createGain();
             outputGain.gain.value = 0.25;
             outputGain.connect(audioContext.destination);
             this.sliders = frequencies.map(createFrequencyElement);
-        }
+        };
 
         var checkChannelsUnit = function (htmlRoot, storageRoot) {
 
             function onclick(ev) {
                 var storageHook = storage.document.querySelector("calibration").querySelector("channels");

             var play = document.createElement("button");
             play.textContent = "Play Audio";
             play.onclick = function () {
                 osc.start();
                 play.disabled = true;
-            }
+            };
+            play.className = "calibration-button";
             htmlRoot.appendChild(play);
             var choiceHolder = document.createElement("div");
             var leftButton = document.createElement("button");
             leftButton.textContent = "Left";
             leftButton.value = "-1";
+            leftButton.className = "calibration-button";
             var centerButton = document.createElement("button");
             centerButton.textContent = "Middle";
             centerButton.value = "0";
+            centerButton.className = "calibration-button";
             var rightButton = document.createElement("button");
             rightButton.textContent = "Right";
             rightButton.value = "1";
+            rightButton.className = "calibration-button";
             choiceHolder.appendChild(leftButton);
             choiceHolder.appendChild(centerButton);
             choiceHolder.appendChild(rightButton);
             htmlRoot.appendChild(choiceHolder);
             leftButton.addEventListener("click", onclick);

                 gainL.gain.value = 0.25;
                 gainR.gain.value = 0.0;
                 storageHook.setAttribute("presented", pan);
                 storageHook.setAttribute("presentedText", "Left");
             }
-        }
+        };
 
         var interface = {};
         Object.defineProperties(interface, {
             "calibrationObject": {
                 "get": function () {
-                    return calibrationObject
+                    return calibrationObject;
                 },
                 "set": readonly
             },
             "checkFrequencies": {
                 "get": function () {

                     htmlRoot.innerHTML = "";
                     calibrationObject = new checkChannelsUnit(htmlRoot, getStorageRoot());
                     _checkedChannels = true;
                 }
             }
-        })
+        });
         return interface;
     })();
 
 
     // Global Checkers