html用户输入一个三位正整数来判断是否为水仙花数(水仙花数例:abc a*a*a+b*b*b+c*c*c=abc)
时间: 2024-06-25 12:00:47 浏览: 131
HTML本身并不直接支持复杂的数学计算,但你可以使用JavaScript来实现这个功能。在HTML中创建一个表单,让用户输入一个三位数,然后通过JavaScript获取用户输入并验证它是否为水仙花数。以下是简单的步骤:
1. 在HTML中创建一个input元素和按钮:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水仙花数检查</title>
</head>
<body>
<label for="number">请输入一个三位数:</label>
<input type="text" id="number" name="number">
<button onclick="checkWaterlily()">检查</button>
<p id="result"></p>
<script src="script.js"></script>
</body>
</html>
```
2. 在`script.js`文件中编写JavaScript函数来检查:
```javascript
function checkWaterlily() {
const input = document.getElementById('number').value;
if (!/^\d{3}$/.test(input)) { // 验证输入是否为三位数
document.getElementById('result').innerText = '请输入一个三位数';
return;
}
const num = parseInt(input);
if (isNaN(num) || num < 100 || num > 999) {
document.getElementById('result').innerText = '请输入一个有效的三位数';
return;
}
const digits = String(num).split('');
const sumOfSquares = digits * digits + digits * digits[1] + digits * digits;
if (sumOfSquares === num) {
document.getElementById('result').innerText = `${input} 是水仙花数`;
} else {
document.getElementById('result').innerText = `${input} 不是水仙花数`;
}
}
```
在这个例子中,用户输入一个数字后点击“检查”按钮,JavaScript会计算每个位数的平方和并与原数比较,如果相等则为水仙花数。
阅读全文