diff --git a/content/search-results.php b/content/search-results.php
index 956b416..740a22e 100644
--- a/content/search-results.php
+++ b/content/search-results.php
@@ -123,9 +123,11 @@ $categories = [
                 </select>
             </div>
 
-            <button type="submit" class="nav__search-button">
-                Filter anwenden
-            </button>
+            <noscript>
+                <button type="submit" class="nav__search-button">
+                    Filter anwenden
+                </button>
+            </noscript>
         </form>
 
     </aside>
@@ -189,22 +191,38 @@ $categories = [
                     <option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
                     <option value="100" <?php echo $limit === 100 ? 'selected' : ''; ?>>100</option>
                 </select>
-                <button type="submit"
-                        form="s-res-filter-form"
-                        class="nav__search-button">
-                    Übernehmen
-                </button>
+                <noscript><button type="submit" form="s-res-filter-form" class="nav__search-button">Übernehmen</button></noscript>
             </div>
 
             <nav class="s-res-page-navigation" aria-label="Seitennavigation">
-                <?php echo renderNoJsPagination(
-                        $currentPage,
-                        $totalPages,
-                        $query,
-                        $currentSort,
-                        $currentCategory,
-                        $limit
-                ); ?>
+
+                <noscript>
+                    <?php echo renderNoJsPagination(
+                            $currentPage,
+                            $totalPages,
+                            $query,
+                            $currentSort,
+                            $currentCategory,
+                            $limit
+                    ); ?>
+                </noscript>
+
+                <div id="js-page-navigation" style="display: none;">
+                    <button type="button"
+                            class="s-res-page-btn"
+                            id="prev-page-btn">
+                        «
+                    </button>
+
+                    <span id="dynamic-page-numbers"></span>
+
+                    <button type="button"
+                            class="s-res-page-btn"
+                            id="next-page-btn">
+                        »
+                    </button>
+                </div>
+
             </nav>
 
         </div>
diff --git a/index.php b/index.php
index 67b3238..0f2fc97 100644
--- a/index.php
+++ b/index.php
@@ -27,6 +27,7 @@ include_once "php/controller/index-controller.php";
         <script src="js/profile.js" defer></script>
         <script src="js/editor.js" async></script>
         <script src="js/showCategory.js" async></script>
+        <script src="js/search.js" async></script>
 
 
     <title>EduForge</title>