add CORS in fetch

Author: dhirajraut1

index.html

@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" href="https://cdn-icons-png.flaticon.com/512/4329/4329416.png" type="image/x-icon">
     <!-- <link rel="stylesheet" href="./styles/style.css"> -->
     <!-- <link rel="stylesheet" href="./styles/bootstrap.min.css"> -->
 

script.js

@@ -40,8 +40,7 @@ form.addEventListener('submit', event => {
   const sloka = document.querySelector('#sloka').value;
   const url = `https://bhagavadgitaapi.in/slok/${chapter}/${sloka}`;
 
-
-  //tried code
+  
   // Check if data is already in local storage
   const storedData = localStorage.getItem(`gita${chapter}-${sloka}`);
   if (storedData) {
@@ -58,7 +57,15 @@ form.addEventListener('submit', event => {
           `;
   } else {
     // Data is not in local storage, make API request
-    fetch(url)
+    var headers = {};
+    fetch(url,
+      {
+        method : "GET",
+        mode: 'cors',
+        headers: {
+          'Access-Control-Allow-Origin':'*'
+        }
+    })
       .then(response => response.json())
       .then(data => {
         // Store data in local storage