สอบถามเรื่องฟังก์ชั่น onclick แล้วส่งค่าไปอีกหน้า

อยากให้เมื่อกดปุ่มแล้วส่งค่าไปที่อีกหน้านึงค่ะ

หน้า login (หน้าที่รับค่า)
 <form method="post" action='addition28.php'>
                    <div class="mb-3">
                        <label for="number" class="form-label">รหัสนิสิต: *</label>
                        <input type="text" class="form-control" id="anumber" name="anumber">
                        <span id="usernameavailable"></span>
                    </div>
                    <div class="mb-3">
                        <label for="password" class="form-label">รหัสผ่าน: *</label>
                        <input type="password" class="form-control" id="password" name="password">
                    </div>
                    <!--<a href="addition28.php?anumber=<?= $anumber ?>">ลิงค์ไปหน้า 2</a>-->
                    <button type="submit" id="login" name="login" class="btn btn-success" onclick="myFunction()">Login</button>
                    <hr>
                    <center>
                        <p class="message">ยังไม่เป็นสมาชิกใช่ไหม คลิ๊กที่นี่เพื่อ <a href="student_register.php">สมัครสมาชิก</a></p>
                    </center>
                </form>
            </div>
        </div>
    </div>
       <script>
        function myFunction() {
            var anumber = "'<?= $anumber; ?>'";
            window.location.href = "addition28.php?" + anumber;
        }
    </script>

หน้าaddition28(หน้าที่ต้องการให้ค่าส่งมา)
<?php
$anumber = $_POST['anumber'];
echo $anumber;
?>

ลองเขียนประมาณนี้แต่ค่าไม่ถูกส่งไปเลยค่ะ