JavaScript点击按钮向输入框追加特殊字符功能实现求助

问题根源 #

你的代码里用了parseInt()把输入框的值强制转成整数，这直接导致了两个问题：

1. 点击按钮时，parseInt会把带的输入值（比如"0*"）提取成开头的数字0，每次操作都是0 + "*"，结果永远是"0*"，无法追加多个*。
2. 当输入框内容包含特殊字符后，其他按钮如果也用parseInt处理值，会把带特殊字符的内容转成纯数字，再添加新内容时就会覆盖原有带特殊字符的部分。

修正代码 #

第一步：修改JavaScript逻辑（直接操作字符串）

// 提前获取输入框元素，避免重复查询DOM
let numInput = document.getElementById("num");

function addSpecialChar() {
  // 直接获取输入框的字符串值，不做整数转换
  let currentValue = numInput.value;
  // 追加特殊字符*
  currentValue += "*";
  numInput.value = currentValue;
}

第二步：同步修改HTML按钮的调用函数

<input type="text" class="article" name="num" id="num" value="0" autocomplete="off" disabled=""/>

<div class="divd" id="k" onclick="addSpecialChar()">&times;</div>

其他按钮的适配建议 #

数字、字母按钮的逻辑也要改成直接操作字符串，避免用parseInt。比如添加数字1的函数可以这么写：

function addNumberOne() {
  let currentValue = numInput.value;
  // 处理初始值为0的情况，避免出现"01"这类格式
  currentValue = currentValue === "0" ? "1" : currentValue + "1";
  numInput.value = currentValue;
}

内容的提问来源于stack exchange，提问作者Dave Conco