输出所有的“水仙花数”。 实验要求: 水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153。请输出所有符合要求的三位数。JavaScript html css 网页设计 实验 给出完整具体代码
时间: 2024-10-27 14:09:58 浏览: 20
以下是一个使用JavaScript编写的简单网页,用于输出所有的水仙花数。这个网页包含一个文本框,用户可以在文本框中输入三位数,然后通过点击“搜索”按钮来找出所有符合要求的三位数。
```html
<!DOCTYPE html>
<html>
<head>
<title>水仙花数</title>
<style>
#result {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>水仙花数</h1>
<input type="text" id="inputNumber" placeholder="请输入三位数">
<button onclick="search()">搜索</button>
<div id="result"></div>
<script>
function search() {
var inputNumber = document.getElementById("inputNumber").value;
var result = document.getElementById("result");
var num = parseInt(inputNumber);
if (isNaN(num)) {
result.innerHTML = "请输入一个三位数";
return;
}
if (num < 100 || num > 999) {
result.innerHTML = "输入错误,请输入一个三位数";
return;
}
if (num === 0) {
result.innerHTML = "水仙花数有:";
return;
}
var sum = 0;
var digits = String(num).split('');
for (var i = 0; i < digits.length; i++) {
var digit = parseInt(digits[i]);
sum += Math.pow(digit, 3);
}
if (sum === num) {
result.innerHTML += num + "<br>";
} else {
result.innerHTML += "不符合要求";
}
}
</script>
</body>
</html>
```
这段代码首先定义了一个输入框和一个搜索按钮,用户可以在输入框中输入一个三位数,然后点击搜索按钮来查找所有符合要求的三位数。然后,它使用JavaScript来检查输入的值是否是一个三位数,以及是否符合水仙花数的定义。如果满足这些条件,它就会输出这个数字。否则,它会输出"不符合要求"。这个网页会显示所有符合要求的三位数,以及不符合要求的结果。
阅读全文