JavaScript销售税计算器：如何实现Sales Tax与Total的正常输出？

你的代码无法输出Total的核心原因是使用了未定义的变量salestax，同时缺少数值格式化处理，具体问题和修复方案如下：

错误点说明 #

在processEntries函数的else分支中，你直接将销售税结果赋值给了输入框，但没有将结果保存到变量中，后续计算Total时调用了未声明的salestax变量（JavaScript大小写敏感，此处变量名既未定义也写错了大小写），导致代码报错，Total无法正常计算。

修正后的完整JavaScript代码 #

"use strict";

const $ = selector => document.querySelector(selector);

const getErrorMsg = val => `${val} must be a valid number greater than zero.`;

const focusAndSelect = selector => {
    const elem = $(selector);
    elem.focus();
    elem.select();
};

const processEntries = () => {
    const subtotal = parseFloat($("#subtotal").value);
    const taxrate = parseFloat($("#tax_rate").value);

    if (isNaN(subtotal) || subtotal <= 0) {
        alert(getErrorMsg("Subtotal"));
        focusAndSelect("#subtotal");
    } else if (isNaN(taxrate) || taxrate <= 0) {
        alert(getErrorMsg("tax rate"));
        focusAndSelect("#tax_rate");
    } 
    else {
        // 计算销售税并保存到变量
        const salesTax = (subtotal * taxrate) / 100;
        // 格式化保留两位小数后赋值给输入框
        $("#sales_tax").value = salesTax.toFixed(2);
        // 计算总金额并格式化
        $("#total").value = (subtotal + salesTax).toFixed(2);
    }
}

// 清空输入框的函数
const clearEntries = () => {
    $("#subtotal").value = "";
    $("#tax_rate").value = "";
    $("#sales_tax").value = "";
    $("#total").value = "";
    $("#subtotal").focus();
}

document.addEventListener("DOMContentLoaded", () => {
    $("#calculate").addEventListener("click", processEntries);
    // 给Clear按钮绑定点击事件
    $("#clear").addEventListener("click", clearEntries);
    $("#subtotal").focus() ;
});

关键修改点 #

• 将销售税计算结果保存到salesTax变量中，避免未定义变量错误
• 使用toFixed(2)格式化数值，确保输出符合货币的两位小数格式
• 新增clearEntries函数并绑定到Clear按钮，完善计算器的清空功能

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