isvictorious · isvictorious · Jul 21, 2019 · Jul 24, 2019 · Jul 30, 2019 · Aug 21, 2019
diff --git a/01 - JavaScript Drum Kit/index-START.html → 01 - JavaScript Drum Kit/index.html b/01 - JavaScript Drum Kit/index-START.html → 01 - JavaScript Drum Kit/index.html
@@ -10,11 +10,11 @@

  <div class="keys">
    <div data-key="65" class="key">
-      <kbd>A</kbd>
+      <kbd>!</kbd>
      <span class="sound">clap</span>
    </div>
    <div data-key="83" class="key">
-      <kbd>S</kbd>
+      <kbd>J</kbd>
      <span class="sound">hihat</span>
    </div>
    <div data-key="68" class="key">
@@ -58,9 +58,25 @@
  <audio data-key="76" src="sounds/tink.wav"></audio>

 <script>
+  // X log keys pressed to console
+  // X log data-key to console
+  // X Add class of playing to div by key #
+  // X Add audio.play 
+  document.addEventListener('keydown', logKey);
+
+  function logKey(e) {
+    const currentKey = e.keyCode;
+    console.log(currentKey);
+    let playNow = document.querySelector(`audio[data-key="${currentKey}"]`);
+    let keyFront = document.querySelector(`div[data-key="${currentKey}"]`);
+    keyFront.classList.add("playing");
+    playNow.play()
+
+  }

 </script>


+
 </body>
 </html>
diff --git a/02 - JS and CSS Clock/index-START.html → 02 - JS and CSS Clock/index.html b/02 - JS and CSS Clock/index-START.html → 02 - JS and CSS Clock/index.html
@@ -67,6 +67,10 @@
  </style>

  <script>
+    // get current time
+    // ? rotate hand based on time
+    // transform: rotate(Xdeg);
+    // transofmr: origin


  </script>

diff --git a/03 - CSS Variables/index-START.html → 03 - CSS Variables/index.html b/03 - CSS Variables/index-START.html → 03 - CSS Variables/index.html
@@ -45,6 +45,8 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
  </style>

  <script>
+    // update variables with JS!
+
  </script>

 </body>

diff --git a/04 - Array Cardio Day 1/index-START.html → 04 - Array Cardio Day 1/index.html b/04 - Array Cardio Day 1/index-START.html → 04 - Array Cardio Day 1/index.html