document.addEventListener('DOMContentLoaded', function () {
    var clockElement = document.getElementById('clock');
    if (!clockElement) {
        return;
    }

    function updateClock() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
        var ampm = hours >= 12 ? 'PM' : 'AM';
        var displayHours = hours % 12;

        if (displayHours === 0) {
            displayHours = 12;
        }

        clockElement.textContent =
            String(displayHours).padStart(2, '0') + ':' +
            String(minutes).padStart(2, '0') + ':' +
            String(seconds).padStart(2, '0') + ' ' + ampm;
    }

    updateClock();
    setInterval(updateClock, 1000);
});
