输入负值时如何自动清空number输入框？

你代码里的核心问题是——你把输入框的值存在了变量qty里，之后修改qty = ""只是改了这个变量，根本没碰页面上的输入框元素。要清空输入框，必须直接操作它的value属性。

下面是修正后的完整代码，同时优化了结果显示的逻辑（避免原代码用document.write覆盖整个页面的问题）：

<input type="number" id="qty">
<input type="button" onclick="add()" value="Add">
<!-- 新增容器用于显示计算结果 -->
<div id="result"></div>

<script>
  function add(){
    // 先获取输入框的DOM元素本身，不是仅提取值
    const qtyInput = document.getElementById('qty');
    // 将输入值转为数字，避免字符串比较的潜在问题
    const qty = Number(qtyInput.value);
    
    if(qty > 0){
        const tot = qty * 25;
        // 用容器显示结果，替代会覆盖页面的document.write
        document.getElementById('result').textContent = `计算结果：${tot}`;
    }else{
        // 直接操作DOM元素的value属性，才能真正清空输入框
        qtyInput.value = "";
        alert("请输入大于0的数值");
    }
  }
</script>

关键修改说明： #

• 操作DOM元素而非变量：通过qtyInput拿到输入框的DOM对象，后续所有对输入框的修改（比如清空）都要通过这个对象的value属性完成。
• 输入值转数字：输入框的value默认是字符串类型，转成数字后判断qty > 0更准确，能避免空字符串、非数字内容的异常情况。
• 优化结果显示：用固定的<div>容器展示计算结果，替代会覆盖整个页面的document.write，更符合常规页面交互逻辑。

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