Как передать данные базы данных mysql функции javascript с помощью php?

Я создаю сеть, где люди могут добавлять в нее фан-базу и удалять ее, нажав кнопку X. Вот что я хочу: когда пользователь нажимает кнопку X, появляется модальное окно с сообщением «вы уверены», а когда он нажимает кнопку удаления в модальном окне, данные будут удалены из базы данных (я использую mysql база данных).

Когда пользователь нажимает кнопку X, я надеюсь, что модальное окно появилось с конкретным названием фан-базы, которую пользователь хочет удалить. Но я не знаю, как передать идентификатор фан-базы (из моей базы данных) в функцию, которую я сделал, и использовать ее. Вот как это выглядит:

модальное окно из "welcome.php"

    <div class = "modal fade" id = "delmdl">
            <div class = "modal-dialog">
            <div class = "modal-content">
            
                <!-- Modal Header -->
                <div class = "modal-header">
                <h4 class = "modal-title">Delete Fanbase</h4>
                <button type = "button" class = "close" data-dismiss = "modal">×</button>
                </div>
                
                <!-- Modal body -->
            <form id = "" method = "post" action = "deletefanbase.php">
                <div class = "modal-body">
                <h5>Are you sure you want to delete this fanbase?
                    <span><!-- this is where the fanbase's name should be --></span>
                </h5>
                </div>               
                <!-- Modal footer -->
                <div class = "modal-footer">
                <button name = "addfbmdl" type = "submit" class = "btn btn-danger" >Delete</button>
                </div>  
            </form>             
            </div>
            </div>
        </div>

код для итеративного добавления div фан-баз из "showfanbase.php"

<?php
  require "session.php";
  require "connect.php";
  if (!isset($_SESSION["loggedin"])||$_SESSION["loggedin"]!==true){
     header("location: login.php");
     exit;
  }
  
  $sql = "SELECT fanroom.id AS fr_id, fanroom.uid AS uid, fanroom.aid AS aid, fanroom.name AS fr_name, 
  fanroom.description AS fr_desc,
  artists.id, artists.name AS a_name, users.username,users.id AS user_id
  FROM fanroom INNER JOIN artists ON fanroom.aid=artists.id INNER JOIN users ON fanroom.uid=users.id 
  ORDER BY fanroom.created_at DESC";

   $result=$link->query($sql);
   if ($result){
   $output = "<div class='container' style='margin:15px;'>";
     if ($result->num_rows>0){
        while($row = $result->fetch_assoc()){
           if ($row['user_id']==$_SESSION['id']){
               $username = "You";
               $output. = "<div class='row'>
                <div class='col border' style='margin:10px;border-radius:10px;padding:15px;'>
                <h3>".$row['fr_name']."</h3>
                <p style='color:grey;'>Made by <b>".$username."</b></p>
                <h5 style='color:grey;'>A <b>".$row['a_name']."'s</b> Fanbase</h5>
                <p>".$row['fr_desc']."</p> 
                <button id='delete' type='button' class='btn btn-danger' 
                   onclick='deletefunction(".$row['fr_id'].")' >x</button> #this is the X button
                </div>
                </div>";
            }
            else{
                 $username=$row['username'];
                 $output. = "<div class='row'>
                <div class='col border' style='margin:10px;border-radius:10px;padding:15px;'>
                <h3>".$row['fr_name']."</h3>
                <p style='color:grey;'>Made by <b>".$username."</b></p>
                <h5 style='color:grey;'>A <b>".$row['a_name']."'s</b> Fanbase</h5>
                <p>".$row['fr_desc']."</p>
                </div>
                </div>";
             }   
          }
$output. = "</div>";
echo $output;
   }
}?>

и при нажатии этой кнопки будет выполнена функция (deletefunction()) в «Welcome.php». внутри него я передаю идентификатор фан-базы, который вот-вот будет удален. Предполагается, что эта функция показывает только модальное окно, но я хочу, чтобы эта функция могла содержать идентификатор фан-базы, который будет удален.

<script>
function deletefunction(del_id){
    $('#delmdl').modal();} 
</script>

что мне нужно было добавить в свой код, чтобы я мог отображать имя фан-базы в модальном окне и чтобы я мог передать идентификатор этой фан-базы в deletefanbase.php (это для удаления данных в базе данных mysql)?