document.addEventListener('DOMContentLoaded', function() {
    let display = document.getElementById('display');

    function appendToDisplay(value) {
        if (value === 'C') {
            clearDisplay();
        } else if (value === '=') {
            calculate();
        } else {
            if (value === 'X') {
                value = '*';
            }
            display.value += value;
        }
    }

    function clearDisplay() {
        display.value = '';
    }

    function calculate() {
        try {
            display.value = eval(display.value);
        } catch (error) {
            display.value = 'Error';
        }
    }
});