Update index.html

index.html

@@ -6,38 +6,36 @@
     <title>Scratch Followers Page</title>
     <script src="https://code.jquery.com/jquery-latest.min.js"></script>
     <script>
-        var page = 1;
-
         function loadFollowers() {
             var username = document.getElementById('username').value.trim();
             if (username === '') {
                 alert('Please enter a username.');
                 return;
             }
+            var page = 1;
 
-            $.ajax({
-                url: "https://scratch.mit.edu/users/" + username + "/followers/?page=" + page,
-                type: "GET",
-                success: function(data) {
-                    loaded(data);
-                },
-                error: function(xhr, status, error) {
-                    console.error("Error loading data:", error);
-                }
-            });
-        }
+            function load() {
+                $.get("https://cors-anywhere.herokuapp.com/http://scratch.mit.edu/users/" + username + "/followers/?page=" + page, loaded);
+            }
 
-        function loaded(data) {
-            var $dom = $(data);
-            var $users = $dom.find('span.title').children();
-            var $out = $('#result');
+            function loaded(data) {
+                var $dom = $(data);
+                var $users = $dom.find('span.title').children();
+                var $out = $('#result');
 
-            $out.empty(); // Clear previous results
+                for (var i = 0; i < $users.length; i++) {
+                    var user = $users[i].text.trim();
+                    $out.append(user + '<br>');
+                }
 
-            for (var i = 0; i < $users.length; i++) {
-                var user = $users[i].text.trim();
-                $out.append(user + '<br>');
+                page++;
+                if ($users.length > 0) {
+                    load();
+                }
             }
+
+            $('#result').empty(); // Clear previous results
+            load();
         }
     </script>
 </head>