diff --git a/Practice/index.html b/Practice/index.html
new file mode 100644
index 00000000..2f160bb1
--- /dev/null
+++ b/Practice/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Counter App</title>
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+ 
+</head>
+
+<body class="bg-gray-100 flex items-center justify-center min-h-screen">
+    
+  <!-- Counter App Container -->
+  <div class="bg-white shadow-lg rounded-lg p-8 text-center">
+    <h1 id="title" class="text-2xl font-bold text-gray-800 mb-4"> </h1>
+
+    <!-- Counter Display -->
+    <div id="counter" class="text-4xl font-bold text-gray-700">0</div>
+
+    <!-- Counter Controls -->
+    <div class="mt-6">
+      <button id="increment"
+        class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded mr-2">+</button>
+      <button id="decrement" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded ml-2">-</button>
+    </div>
+  </div>
+  <script src="/vanilla-javascript-fall-2024/001-counter-app/Sakib 2.2/script.js"></script>
+  
+  
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Practice/script.js b/Practice/script.js
new file mode 100644
index 00000000..ba00b46c
--- /dev/null
+++ b/Practice/script.js
@@ -0,0 +1,64 @@
+console.log(" nazmus sakib");
+var count =0;
+function setapplicationtitle()
+{
+ const titleElement =document.getElementById('title');
+console.log(titleElement);
+titleElement.innerText="Counter App"; 
+}
+setapplicationtitle();
+const incrementButton = document.getElementById('increment');
+// --- this part of code is for showing alert when + Button is clicked !!!
+// function increaseCount()
+// {
+//      alert(' Increase Button Clicked!!!');
+// }
+//  incrementButton.addEventListener('click',increaseCount);
+
+const countshow= document.getElementById('counter');
+function increaseCount()
+{
+   if(count>=10)
+   {
+    alert('OverFlow !!!!');
+   }
+   else
+   {
+    count=count+1;
+    countshow.innerText=count;
+   }
+    
+}
+incrementButton.addEventListener('click',increaseCount)
+
+const decrementButton =document.getElementById('decrement');
+
+
+// --- this part of code is for showing alert when - Button is clicked !!!
+// function decreseCount()
+// {
+//      alert('Decrese Button Clicked !!!');
+// }
+// decrementButton.addEventListener('click',decreseCount);
+
+const showdecrement=document.getElementById('counter');
+function decrementCount()
+{
+    if(count===0)
+    {
+        alert("Negative Value is not acceptable !!!!");
+    }
+    else
+    {
+        count=count-1;
+    showdecrement.innerText=count;
+    }
+    
+}
+
+decrementButton.addEventListener('click',decrementCount);
+
+
+
+//  const counterElement=document.getElementById('counter');
+//  counterElement.innerText=3;
\ No newline at end of file
