在没有按钮计算的“累进分数”文本框中显示两个文本框数字的总和,可以通过以下步骤实现:
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>累进分数计算</title>
</head>
<body>
<input type="text" id="num1" placeholder="请输入第一个数字">
<input type="text" id="num2" placeholder="请输入第二个数字">
<input type="text" id="result" placeholder="累进分数" readonly>
<script>
// 获取文本框元素
var num1Input = document.getElementById('num1');
var num2Input = document.getElementById('num2');
var resultInput = document.getElementById('result');
// 监听文本框输入变化
num1Input.addEventListener('input', calculate);
num2Input.addEventListener('input', calculate);
// 计算并显示结果
function calculate() {
var num1 = parseFloat(num1Input.value);
var num2 = parseFloat(num2Input.value);
var sum = num1 + num2;
resultInput.value = sum.toFixed(2); // 保留两位小数
}
</script>
</body>
</html>
这样,当用户在第一个文本框和第二个文本框中输入数字时,累进分数文本框会自动显示两个数字的总和。
领取专属 10元无门槛券
手把手带您无忧上云