如何使用JavaScript将输入薪资除以52并显示在指定DIV中？

嘿，我来帮你搞定这个小问题！你之前的代码出错是因为把除法运算放错地方啦——你不能直接在jQuery选择器$('#salary')后面加/52，这会让选择器变成无效的表达式，自然没法正确获取值。

正确的思路是：先获取输入框的薪资值，再做除法计算，最后把结果输出到目标元素。而且要注意，val()返回的是字符串类型，直接做除法可能会有意外（比如字符串拼接），所以最好先转成数字。

基础实现代码 #

// 获取输入的薪资并转为浮点数
const annualSalary = parseFloat($('#salary').val());
// 计算周薪（年薪除以52周）
const weeklySalary = annualSalary / 52;
// 将结果输出到#demo元素，保留两位小数让金额更规范
$('#demo').html(weeklySalary.toFixed(2));

如果想写成一行精简版也可以：

$('#demo').html((parseFloat($('#salary').val()) / 52).toFixed(2));

更健壮的版本（处理无效输入） #

如果担心用户输入非数字内容，还可以加个判断，避免显示NaN：

const annualSalary = parseFloat($('#salary').val());
if (!isNaN(annualSalary)) {
  const weeklySalary = annualSalary / 52;
  $('#demo').html(`周薪：${weeklySalary.toFixed(2)}`);
} else {
  $('#demo').html('请输入有效的数字薪资');
}

这样就能完美实现你想要的“输入年薪，展示周薪”的功能啦！

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