buy ticket button works well

index.html

@@ -96,6 +96,7 @@
               class="flex justify-center items-center lg:mt-8 mt-6 font-raleway"
             >
               <button
+                id="go-to-buy-ticket"
                 class="btn lg:text-xl font-bold text-[#030712] hover:text-[#1DD100] bg-[#1DD100] hover:bg-black border-none lg:px-6"
               >
                 Buy Tickets
@@ -234,6 +235,7 @@ <h1 class="xl:text-3xl lg:text-2xl text-xl font-bold">
       <!-- Best Offer For You Section End Here -->
       <!-- After Best Offer Fot You And Before Footer Section Start From Here -->
       <section
+        id="buy-ticket"
         class="bg-[#F7F8F8] rounded-t-[100px] border-t-4 border-[#1DD100] lg:pb-32 md:pb-16 pb-10"
       >
         <div class="container mx-auto lg:px-24 px-4 mt-8">
@@ -793,7 +795,7 @@ <h1>BDT <span>1100</span></h1>
                   Phone Number
                 </span>
                 <input
-                  type="text"
+                  type="number"
                   placeholder="Enter your phone number"
                   class="input w-full text-sm font-normal border-slate-300 placeholder-slate-400 p-6"
                 />

scripts/app.js

@@ -1 +1,7 @@
-
+document
+  .getElementById("go-to-buy-ticket")
+  .addEventListener("click", function () {
+    document
+      .getElementById("buy-ticket")
+      .scrollIntoView({ behavior: "smooth" });
+  });