PHPのforeach文の中の、PDOのDELETE処理が上手くいきません。

PHP初心者です。
図のようにMYSQLからデータを引っ張ってきて、
テーブルを表示させるようにしました。

foreach分の中で消去ボタンを作り、
同じ行にいるIDのみ削除したく、色々試してみたのですが、
消去ボタンを押すと、全てのIDが消える、もしくはページ読み込み時にデータが一行ずつ消えるという挙動をするようになりました。

onClickでjavascriptの関数から、phpを動かそうとしていたのですが、
そもそもこの考え方が誤っていたのでしょうか？
どなたか解決策を教えていただけますと幸いです。

コードは下記のようにしています。
$pdoはテーブル表示の際に、定義している変数です。

<div  class ="siimple-table siimple--pt-4">
  
   <div class ="siimple-table-header">
     <div class = "siimple-table-row">
       <div class ="siimple-table-cell">ID</div>
       <div class ="siimple-table-cell">名前</div>
       <div class ="siimple-table-cell">年齢</div>
       <div class ="siimple-table-cell">所属</div>
       <div class ="siimple-table-cell"></div>
     </div>
  </div>
  <?php foreach($results as $result): ?>
    <div class ="siimple-table-body">
      <div class ="siimple-table-row">
        <div class="siimple-table-cell"><?php echo $result[id] ?></div>
        <div class="siimple-table-cell"><?php echo $result[name] ?></div>
        <div class="siimple-table-cell"><?php echo $result[age] ?></div>
        <div class="siimple-table-cell"><?php echo $result[department] ?></div>
        <div class="siimple-table-cell">
         <input onclick="deletephp()" type="button" class="siimple-btn siimple-btn--red"  value="消去"/>
        </div>
      </div>
    </div>
   <?php endforeach ?>
</div>

  <script type="text/javascript">
    function deletephp(){
      <?php
        $delete_id = $result[id];
        $delete = $pdo->prepare("DELETE FROM test_php WHERE id=$delete_id");
        $delete->execute();
      ?>
      }
   </script>