使用JavaScript+jQuery制作 用户输入一个三位数,将百位数、十位数、个位数的相加和在控制台输出。 用户输入155,就弹出 11 用户输入316,就弹出10
时间: 2024-09-29 15:08:33 浏览: 43
inputLimit:一个jQuery插件,用于将文本字段的输入限制为数字,逗号和2个小数位
在JavaScript中,你可以结合jQuery库来实现这个功能。首先,你需要获取用户的输入,并验证输入是否为三位数字。然后,你可以通过分割字符串并计算每个位置的数值。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="text" id="numberInput" placeholder="请输入一个三位数">
<button id="calculateButton">计算</button>
<div id="result"></div>
<script>
$(document).ready(function() {
$('#calculateButton').click(function() {
const input = $('#numberInput').val();
// 验证输入是否为三位数
if (!/^\d{3}$/.test(input)) {
alert('请输入一个三位数!');
return;
}
// 分割数字并计算和
const sum = parseInt(input.charAt(0)) + parseInt(input.charAt(1)) + parseInt(input.charAt(2));
$('#result').text(`结果是:${sum}`);
});
});
</script>
</body>
</html>
```
在这个示例中,当用户点击"计算"按钮时,会获取`numberInput`输入框的内容,然后检查是否是三位数。如果是,就会分别提取每个数位,转换为整数相加,结果显示在`result`元素中。
阅读全文