diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..047d4e2895 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -58,7 +58,26 @@
   <audio data-key="76" src="sounds/tink.wav"></audio>
 
 <script>
+  let div;
+  let audio;
+document.addEventListener('keydown',function(event){
+  div = document.querySelector(`.key[data-key="${event.keyCode}"]`);
+  audio = document.querySelector(`audio[data-key="${event.keyCode}"]`);
+  console.dir(audio);
+  if(!audio) return;
+  audio.play();
+  div.classList.add('playing');
+  audio.currentTime = 0;
+});
+function removeCss(event) {
+  if(event.propertyName !=='transform') return;
+  this.classList.remove('playing');
+}
+let allDiv = document.querySelectorAll('.key');
 
+allDiv.forEach(elem =>{
+  elem.addEventListener('transitionend', removeCss);
+})
 </script>
 
 
diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html
index 12f721b183..f73b1b7aae 100644
--- a/02 - JS and CSS Clock/index-START.html	
+++ b/02 - JS and CSS Clock/index-START.html	
@@ -56,19 +56,47 @@
       transform: translateY(-3px); /* account for the height of the clock hands */
     }
 
+    
     .hand {
       width: 50%;
       height: 6px;
       background: black;
       position: absolute;
       top: 50%;
+      transform-origin: 100%;
+      transform: rotate(90deg);
+      transition: all 0.05s;
+      transition-timing-function: cubic-bezier(0.1, 2.7, 0.59, 1);
+    }
+    .min-hand {
+      height: 9px;
+    }
+    .hour-hand {
+      height: 12px;
     }
-
   </style>
 
   <script>
 
-
+let secHand = document.querySelector('.second-hand');
+let minHand = document.querySelector('.min-hand');
+let hourHand = document.querySelector('.hour-hand');
+function setDate(){
+  //console.log('Hello');
+  let now = new Date();
+  let sec = now.getSeconds();
+  let secDeg = ((sec/60)*360)+90;
+  secHand.style.transform = `rotate(${secDeg}deg`;
+  let min = now.getMinutes();
+  let minDeg = ((min/60)*360)+90;
+  minHand.style.transform = `rotate(${minDeg}deg`;
+  let hour = now.getHours();
+  let hourDeg = ((hour/12)*360)+90;
+  hourHand.style.transform = `rotate(${hourDeg}deg`;
+  console.log(hour + min + sec);
+  
+}
+setInterval(setDate, 1000);
   </script>
 </body>
 </html>
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
index 4fd2936ddc..22d0e67cfb 100644
--- a/10 - Hold Shift and Check Checkboxes/index-START.html	
+++ b/10 - Hold Shift and Check Checkboxes/index-START.html	
@@ -96,6 +96,21 @@
   </div>
 
 <script>
+  let lastIndex = -1;
+  let allChecks = Array.from(document.querySelectorAll('input[type="checkbox"]'));
+  allChecks.forEach((elem,index) =>{
+    elem.addEventListener('click',function(event){
+      if(lastIndex != -1){
+        if(event.shiftKey && elem.checked){
+          for(let i = Math.min(lastIndex, index); i <= Math.max(lastIndex, index); i++){
+            allChecks[i].checked = true;
+          } 
+        }
+      }
+      lastIndex = index;
+    });
+  });
+  
 </script>
 </body>
 </html>
diff --git a/15 - LocalStorage/index-START.html b/15 - LocalStorage/index-START.html
index d444f1d68b..a1894984de 100644
--- a/15 - LocalStorage/index-START.html	
+++ b/15 - LocalStorage/index-START.html	
@@ -28,8 +28,36 @@ <h2>LOCAL TAPAS</h2>
 <script>
   const addItems = document.querySelector('.add-items');
   const itemsList = document.querySelector('.plates');
-  const items = [];
-
+  const items = JSON.parse(localStorage.getItem('items'))||[];
+  const button = document.querySelector('input[type="submit"]');
+  const inpElem = document.querySelector('input[type="text"]');
+  button.addEventListener('click', addItem);
+  function addItem(event){
+    event.preventDefault(); 
+    let str = inpElem.value;
+    if(str.trim().length > 0)
+      items.push(str.trim());
+    localStorage.setItem('items', JSON.stringify(items));
+    updateUI();
+    inpElem.value = '';
+    
+  }
+  function updateUI(){
+    itemsList.innerHTML = '';
+    for(let i = 0;i < items.length; i++){
+      let liEl = document.createElement('li');
+      let inpCheck = document.createElement('input');
+      inpCheck.type = 'checkbox';
+      inpCheck.setAttribute('data-index',i);
+      inpCheck.setAttribute('id', 'item'+i);
+      let label = document.createElement('label');
+      label.setAttribute('for','item'+i );
+      label.textContent = items[i];
+      liEl.append(inpCheck,label);
+      itemsList.append(liEl);
+    }
+  }
+  updateUI();
 </script>