created a separate js file (#2)

* created sepreate js file

* updating the javascript file

* refactoring

index.html

@@ -6,17 +6,13 @@ <h2>ZEE WATCH CARTOON ONLINE</h2>
 <h2>Please click here to be taken to the site!</h2>
 <p>Please tap the below button to be taken to the site and watch cartoons :)</p>
 
-<button onclick="myFunction()">Re-direct to watch cartoons</button>
+<button id="redirect__btn">Re-direct to watch cartoons</button>
 
 <h1> Starbucks Certified </h1>
 <h1> Youtube Certified </h1>
 <h1> Disney+/Netflix Certified </h1>
 
-<script>
-function myFunction() {
-  location.replace("https://youtu.be/dQw4w9WgXcQ")
-}
-</script>
-
+<!-- Script  -->
+<script src="script.js"></script>
 </body>
 </html> 

script.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// Element
+const ReDirect_btn = document.getElementById("redirect__btn");
+
+// http Redirect 
+const myFunction = function () {
+  location.replace("https://youtu.be/dQw4w9WgXcQ");
+};
+
+// Listen to Click Event
+ReDirect_btn.addEventListener("click", () => {
+  myFunction();
+});