Изменение формы пагинации на JS

<?php
    if (isset($_GET['search'])){
        $searchWords = explode(" ", $_GET['search']);
        $conn = mysqli_connect('localhost', 'root', '', 'eisvbd');
 
        $queryString = "SELECT arteisv, artzavod, nametovar, brend, namezavod, cena, geografia, contacty FROM eistable WHERE nametovar OR arteisv AND geografia LIKE '%' AND artzavod LIKE '%'";
 
        foreach ($searchWords as $word)
        {
            $queryString .= " AND (nametovar LIKE '%$word%' OR arteisv LIKE '%$word%' OR geografia LIKE '%$word%' OR artzavod LIKE '%$word%') ";
        }
 
        $result = mysqli_query($conn,$queryString);
        if(mysqli_num_rows($result)>5)
        {
            $pages = mysqli_num_rows($result)/5;
            if(is_float($pages))
                $pages = ceil($pages);
        }
            
        if ($result !== false){
            $array = [];
            if($_GET['page']>1)
            {
                $from = ($_GET['page'] - 1) * 5;
                $queryString .= " LIMIT $from, 5";
            }
            else
            {
                $queryString .= " LIMIT 5";
            }
            $result = mysqli_query($conn,$queryString);
            while ($row = mysqli_fetch_array($result)){
            $array[] = $row; 
            }
        }
        $url = explode('&', $_SERVER['REQUEST_URI'])[0];
    }
 
?>
 
<form action = "<?php $_PHP_SELF ?>" method="GET">
    <input type="text" name="search">
    <button type="submit">search</button>
</form>
 
 <style>
    .tableHeader{
        font-weight: bold;
    }
    table{
        border-collapse: collapse;
    }
    td, th{
        border: 1px solid black;
        text-align: center;
    }
</style>
 
 <!-- вывод массива с результатами, если он существует -->
 <?php if($array) { ?>
<table style="border:1px solid black;">
    <tr class="tableHeader">
       
       <th>Артикул EISV</th>            
       <th>Артикул завода, представителя</th>          
       <th>Наименование товара, ГОСТ, ТУ, чертеж, ОСТ, РД, ИСО</th>    
       <th>Марка, бренд</th> 
       <th>Поставщик</th> 
       <th>Цена</th> 
       <th>Город</th> 
       <th>Контакты</th> 
        
     </tr>
       <?php foreach($array as $value) { ?>
    <tr>
        <td><?=$value["arteisv"]?></td>
        <td><?=$value["artzavod"]?></td>
        <td><?=$value["nametovar"]?></td>
        <td><?=$value["brend"]?></td>
        <td><?=$value["namezavod"]?></td>
        <td><?=$value["cena"]?></td>
        <td><?=$value["geografia"]?></td>
        <td><?=$value["contacty"]?></td>
        
    </tr>
       <?php } ?>
</table><br>
 <!-- иначе сообщение -->
<?php } else echo 'Ничего не найдено!';
//вывод страниц-ссылок для переходов, если результатов больше 10, 
if($pages) {
    for($i=1;$i<=$pages;$i++) { ?>
    <a href="<?echo $url.'&page='.$i;?>">[<?=$i?>]</a>
        
<?php } } ?>