Merhaba.

Bir sayfada iki adet butonumda ajax fonksiyonu var. Teker teker kullandığımda sorun olmuyor ancak ikisi birlikte sayfada oldugunda teki çalışmamaya başlıyor ve konsolda aşağıdaki gibi hata çıkıyor.


İlgili butonlar ve script;

function shiftStartFunc() {
            let shiftStart = sStartbtn.value;
            $.post('ajax.php', {
                shiftStart: shiftStart
            }, (response) => {
                location.reload();
            });
        }
        function shiftEndFunc() {
            let shiftEnd = sEndbtn.value;
            $.post('ajax.php', {
                shiftEnd: shiftEnd
            }, (response) => {
                location.reload();
            });
        }
        document.getElementById("shiftStart").addEventListener("click", shiftStartFunc, true);
        document.getElementById("shiftEnd").addEventListener("click", shiftEndFunc, true);

Örnek start butonu;

<button id="shiftStart" type="button" value="<?php echo $id; ?>"
                            class="btn btn-success btn-sm"><i class="fa-solid fa-circle-play fa-fw"></i>
                            Mesai Başla</button>

Çoklu addEventListener mi sorun veriyor tam olarak çözemedim bu olayı. Ajax post dosyası işe aşağıdaki gibi, acaba post ederken mi yanlış yapıyorum?

<?php
    require 'vendor/autoload.php';
    require_once('config.php');
    if(isset($_POST['shiftStart']))
    {
        $shiftStart = $_POST['shiftStart'];
        
        $db->update('users', [
            'shift' => 1
        ], [
            'id' => $_POST['shiftStart']
        ]);
    } else if (isset($_POST['shiftEnd'])) {
        $shiftEnd = $_POST['shiftEnd'];
        
        $db->update('users', [
            'shift' => 0
        ], [
            'id' => $_POST['shiftEnd']
        ]);
    }
?>