這是一個按鈕的代碼，但是當它被選中時，它應該打印“已選中”，但每次我按下它，它都會記錄“未選中”，無論按鈕的狀態如何。我該如何解決？document.addEventListener('DOMContentLoaded', function() {    var checkbox = document.querySelector('#auto-admit .mdc-switch');    function isChecked() {      if (checkbox.checked ) {        // do this        console.log('Checked');      } else {        // do that        console.log('Not checked');      }    }    checkbox.addEventListener('change', function() {      isChecked();    });    isChecked();  });<div id="auto-admit">                <div class="mdc-switch">                    <div class="mdc-switch__track"></div>                    <div class="mdc-switch__thumb-underlay">                        <div class="mdc-switch__thumb"></div>                        <input                            type="checkbox"                            id="autoadmit-switch"                            class="mdc-switch__native-control"                            role="switch"                            aria-checked="false"                        />                    </div>                </div>                <label                    id="autoadmit-switch-label"                    class="mdc-button switch-label"                    for="autoadmit-switch"                    >Auto admit</label                >            </div>