重新加载页面后，在javascript函数中按id更改div的颜色

Question

我正在使用引导程序以及 foreach 循环从 div 中的 mysql 打印数据。每个 div 都有一个“Ordered”按钮，它应该更改数据库中的一些数据，并更改特定 div 的背景颜色。我使用 onclick 函数将 div 的 id 发送到 url 并重新加载页面。当我尝试使用函数内的引导程序类更改 div 的颜色时，它只是闪烁片刻，并使用先前的颜色重新加载页面。

有人能看到我做错了什么吗？

window.addEventListener("load", function(){

          let params = new URLSearchParams(location.search);

          if(params.get("num")) {

              <?php 

                 $id = $_GET['num'];

                 $dbh = new PDO('mysql:host=...;dbname=...', '...', '...',[

                    PDO::ATTR_DEFAULT_FETCH_MODE=>PDO::FETCH_ASSOC]);

                    $stmt = $dbh->prepare('UPDATE orders SET status = 1 WHERE id = ?');

                    $stmt->execute([$id]);

                    $result = $stmt->fetchAll();

                    ?>

              document.getElementById(num).style.backgroundColor = '#fcf3d4';

              alert("after the page gets reloaded");

          }

        });

        function change(num) {

          var number = num;

          alert("before page gets reloaded");

          window.location.href = "http://ecohfood.com/login_success.php?num=" + number;

        }

<div class="col-6" id="<?php echo $v['id']; ?>">

  <div id="bottom">

    <button type="button" id="b<?php echo $v['id']; ?>" class="btn btn-success" onclick="document.getElementById('<?php echo $v['id']; ?>').style.backgroundColor = '#fcf3d4';

                        change(<?php echo $v['id']; ?>);">Ordered</button>

    <button type="button" class="btn btn-danger" onclick="del(<?php echo $v['id']; ?>)">Delete</button>

  </div>