如何让薪资计算脚本结果与桌面计算器保持一致？

核心问题 #

你的代码存在两个关键错误，直接导致计算结果与预期不符：

1. 数值类型转换错误 #

你用parseInt()处理带小数的工时值86.67，这个方法会直接截断小数部分，把86.67转成了86——这是输出时薪$29.07的直接原因，本该用精确的86.67计算，结果用了整数86：

// 错误写法：截断小数
var hours3 = parseInt(hours3_element.value);
// 正确写法：保留小数精度
var hours3 = parseFloat(hours3_element.value);
// 或者更简洁的写法
var hours3 = Number(hours3_element.value);

2. 时薪计算逻辑错误 #

代码里calculateS1 = sppp3 / 260的逻辑完全不合理，260这个数值没有依据。正确的时薪计算应该是年薪除以一年总工时，对应你的场景就是：
60000 ÷ (24 × 86.67) ≈ 28.84，和桌面计算器结果一致。

修复后的完整代码 #

JavaScript 部分 #

// Compute Semi-monthly
function calcSalaryS() {
  var sppp3 = Number(document.getElementById('txt_sppp3').value);
  var hours3 = Number(document.getElementById('txt_hours3').value);
  var wwpy3 = Number(document.getElementById('txt_wwpy3').value);
  
  // 单个发薪周期薪资
  var periodSalary = sppp3 / wwpy3;
  // 日薪（保留原逻辑的计算方式）
  var dailyRate = periodSalary / hours3;
  // 正确的时薪计算
  var hourlyRate = sppp3 / (wwpy3 * hours3);
  
  // 格式化输出，确保金额显示两位小数
  document.getElementById('resultsS').innerHTML = 
    'Daily Rate $' + dailyRate.toLocaleString(undefined, {minimumFractionDigits:2, maximumFractionDigits:2}) + 
    '<br>' + 
    'Hourly Rate $' + hourlyRate.toLocaleString(undefined, {minimumFractionDigits:2, maximumFractionDigits:2});
  
  event.preventDefault();
  console.log('Daily Rate:', dailyRate, 'Hourly Rate:', hourlyRate);
}

HTML 部分（无需修改） #

<p>Yearly Salary:<input type="text" name="sppp3" id="txt_sppp3" value="60000" size="12" title="Whole numbers only,e.g. '20000'" /></p>
<p>Hours Per Week:<input type="text" name="hours3" id="txt_hours3" value="86.67" size="10" disabled /></p>
<p>Work Week per Year:<input type="text" name="wwpy3" id="txt_wwpy3" value="24" size="7" disabled /></p>
<button value="calculate" onclick="calcSalaryS()" class="block">Compute Daily and Hourly Rate</button></p>
<p id="resultsS"></p>

额外优化点 #

• 原代码中if (hours3 == 86.67)的分支逻辑完全重复，直接删除即可，无需冗余判断。
• 给toLocaleString()添加小数位数配置，确保金额始终显示两位小数，避免出现不规范的小数格式。

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