计算器CE按钮功能异常及初始化显示需求技术咨询

我来帮你搞定这两个问题，结合你的需求给出具体的实现方案，你可以直接套用到现有代码里：

1. 实现初始显示0、输入数字自动替换的功能 #

首先确保显示区域（比如输入框）在页面加载完成时默认显示0，再通过JavaScript处理数字输入的逻辑：

补充HTML结构（显示框与数字按钮示例） #

<!-- 显示区域：设置readonly防止手动输入，默认值为0 -->
<input type="text" name="display" id="display" readonly value="0">

<!-- 数字按钮示例，你可以根据现有结构调整onclick事件 -->
<button onclick="appendNumber('0')">0</button>
<button onclick="appendNumber('1')">1</button>
<button onclick="appendNumber('2')">2</button>
<!-- 其他数字按钮依此类推 -->

对应JavaScript逻辑 #

// 获取显示框元素
const display = document.getElementById('display');

// 处理数字输入的函数
function appendNumber(num) {
    // 如果当前显示是0，直接替换为输入的数字；否则追加数字
    if (display.value === '0') {
        display.value = num;
    } else {
        display.value += num;
    }
}

2. 修复CE按钮功能（仅删除最后输入的数字） #

把原来清除所有内容的逻辑改成删除最后一位数字，单个数字时重置为0：

CE按钮的HTML #

<button onclick="clearEntry()">CE</button>

对应JavaScript逻辑 #

// CE按钮的清除输入函数
function clearEntry() {
    // 如果显示内容长度大于1，截取掉最后一位；否则重置为0
    if (display.value.length > 1) {
        display.value = display.value.slice(0, -1);
    } else {
        display.value = '0';
    }
}

功能说明 #

• 初始显示：通过给输入框设置value="0"，确保页面加载完成后默认显示0。
• 数字输入：避免出现0123这类不符合常规的数字格式，输入第一个数字时直接替换掉初始的0。
• CE功能：完全符合你的需求——输入123点击CE后变成12，输入单个数字5点击CE后回到0，不会清除所有内容。

内容的提问来源于stack exchange，提问作者Bhawesh Bhaskar