水仙花数时间练习visual,HTML练习
时间: 2024-09-27 14:15:06 浏览: 31
C++水仙花数的实现
5星 · 资源好评率100%
水仙花数,也称为 narcissistic number 或 pluperfect digital invariant,是一种特殊的整数,其各位数字立方和等于原数本身。例如,153是一个水仙花数,因为 1^3 + 5^3 + 3^3 = 153。
关于时间练习,你可以创建一个简单的 Visual Studio Code (VSCode) HTML项目,来设计一个计时器功能让用户输入一个三位数,然后验证它是否为水仙花数。首先,在HTML中创建输入框、按钮以及显示结果的部分。在JavaScript中编写逻辑,计算并比较用户输入的数和它的各个位数的立方和。
HTML部分可以这样设计:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水仙花数计算器</title>
</head>
<body>
<input type="text" id="numberInput" placeholder="请输入三位数">
<button onclick="checkNarcissistic()">检查</button>
<p id="result"></p>
</body>
</html>
```
JavaScript部分(放在`<script>`标签内或外部文件):
```javascript
function checkNarcissistic() {
const input = document.getElementById('numberInput').value;
if (!/^\d{3}$/.test(input)) {
alert('请输入三位数');
return;
}
const num = parseInt(input);
const sumOfCubes = Math.pow(num % 10, 3) + Math.pow((num / 10) % 10, 3) + Math.pow(Math.floor(num / 100), 3);
if (sumOfCubes === num) {
document.getElementById('result').textContent = `${input} 是水仙花数`;
} else {
document.getElementById('result').textContent = `${input} 不是水仙花数`;
}
}
```
阅读全文