[Dúvida] Erro no código

meu codigo está com erro:

// Obtém o elemento do visor (display)
const display = document.getElementById('display');

/**
 * Adiciona o valor do botão clicado ao visor.
 * @param {string} value - O número ou operador a ser adicionado.
 */
function appendToDisplay(value) {
    display.value += value;
}

/**
 * Limpa completamente o visor.
 */
function clearDisplay() {
    display.value = '';
}

/**
 * Calcula a expressão matemática presente no visor.
 */
function calculateResult() {
    try {
        // A função eval() calcula uma string como se fosse código JavaScript.
        // É simples, mas pode ser inseguro se a entrada vier de fontes não confiáveis.
        // Para uma calculadora controlada por botões, é seguro.
        const result = eval(display.value);
        
        // Exibe o resultado no visor
        display.value = result;
    } catch (error) {
        // Se a expressão for inválida (ex: "5++2"), exibe "Erro"
        display.valu = 'Erro';
    }
}