如何使用Javascript实现为成本金额添加7%税率的计算

原有HTML代码无需修改，仅调整JavaScript部分即可实现加7%税率的需求，修改后的完整代码如下：

修改后JavaScript代码 #

var titleName;
// 单字符成本6美元
const cost = 6;
// 7%税率
const taxRate = 0.07;

function calculateCost() {
  titleName = document.getElementById("titleBox").value;
  // 统计扣除空格后的有效字符数
  const validCharCount = titleName.length - (titleName.split(" ").length - 1);
  // 计算税前总金额
  const preTaxTotal = validCharCount * cost;
  // 计算税后金额，保留两位小数符合货币展示规则
  const finalTotal = (preTaxTotal * (1 + taxRate)).toFixed(2);
  document.getElementById("output").innerHTML = "$" + finalTotal;
}

改动说明 #

• 新增税率常量taxRate，赋值0.07对应7%的税率
• 拆分计算步骤，先计算税前金额再叠加税率得到最终金额，逻辑更清晰
• 新增toFixed(2)方法自动将最终金额保留两位小数，符合美元金额的显示规范

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