如果你想在数据改变时自动更新显示的格式，你可以使用JavaScript来实现。以下是一个示例：
HTML部分：
<h3>
预计总预算
<span id="formattedAmount"></span>元
</h3>
<input type="text" id="budgetInput" onchange="formatBudget()">
<script>
function formatBudget() {
var budgetAmount = document.getElementById("budgetInput").value;
var formattedAmount = parseFloat(budgetAmount).toLocaleString("en-US", {
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
document.getElementById("formattedAmount").textContent = formattedAmount;
}
</script>
上述代码中，我们给输入框添加了onchange事件，并调用了formatBudget()函数来实时格式化输入的数据。在该函数内部，首先获取输入框的值，然后使用toLocaleString()方法将其格式化为带有千位分隔符和两位小数的字符串。最后，将格式化后的值赋值给展示预算金额的 <span> 元素。
通过这种方式，在每次输入框内容发生改变时，都会自动触发formatBudget()函数并更新显示的格式化值。
内容由零声教学AI助手提供，问题来源于学员提问
