wesbos
diff --git a/‎01 - JavaScript Drum Kit/index.html‎
Lines changed: 1 addition & 1 deletion b/‎01 - JavaScript Drum Kit/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎02 - JS + CSS Clock/index-START.html‎
Lines changed: 22 additions & 5 deletions b/‎02 - JS + CSS Clock/index-START.html‎
Lines changed: 22 additions & 5 deletions
@@ -75,7 +75,7 @@
   keys.forEach(key =>{
     key.addEventListener('click', function(e){
       var curKey = e.currentTarget.getAttribute('data-key');
-      playSoundForKey(curKey);
+      playSoundForKey(cujhrKey);
     });
   });
 
 
@@ -14,8 +14,28 @@
         <div class="hand second-hand"></div>
       </div>
     </div>
+    <div>
+     
+ st ast   </div>
+  <script>
+    const secondHand = document.querySelector('.second-hand');
+    const minuteHand = document.querySelector('.min-hand');
+    const hourHand = document.querySelector('.hour-hand');
 
+    var transformCurrentTime = function(){
+      let currentDate = new Date();
+      const seconds = currentDate.getSeconds();
+      const minutes = currentDate.getMinutes();
+      const hours = currentDate.getHours() - 12;
+      console.log(seconds);
+      secondHand.style.transform = "rotate("+((6 * seconds) + 90)+"deg)";
+      minuteHand.style.transform = "rotate("+((6 * minutes) + 90)+"deg)";
+      hourHand.style.transform = "rotate("+((30 * hours) + 90)+"deg)";
+    }
+    transformCurrentTime();
+    window.setInterval(transformCurrentTime, 1000);
 
+  </script>
   <style>
     html {
       background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
@@ -61,13 +81,10 @@
       background:black;
       position: absolute;
       top:50%;
+      transform-origin: 100%;
+      transform:rotate(90deg);
     }
 
   </style>
-
-  <script>
-
-
-  </script>
 </body>
 </html>