html 求水仙花数的算法

最新推荐文章于 2025-08-08 15:55:29 发布

原创最新推荐文章于 2025-08-08 15:55:29 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html5

这个HTML页面展示了如何寻找指定范围内（默认100到1000）的水仙花数。通过JavaScript函数`findFlowerNum`，页面会根据用户输入的范围动态更新结果，将找到的水仙花数显示在页面上。`isFlowerNum`函数用于判断一个数是否为水仙花数，利用数字的位数和每一位的立方和进行验证。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水仙花数</title>
<script>

function findFlowerNum(){
var str="";
var count=0;
//获取当前输入值
var begin=document.getElementById('begin').value;
var end=document.getElementById('end').value;
//
for (var i = begin; i <= end; i++) {
if(isFlowerNum(i)){
str += i+" ";
//将结果输出
document.getElementById('result').innerHTML=str;
count++;
//每十个数换一行
if(count%10==0)
str=str+'<br>';
}
}
}
//判断是否是水仙花数
function isFlowerNum(num){
var size= checkLength(num);
var temp=num;
var sum=0;

while(temp>0){
sum+=Math.floor(Math.pow(temp%10,size));
temp=Math.floor(temp/10);
}
return sum==num;
}
//返回数字的长度
function checkLength(num){
return (num+"").length;
}
//alert(isFlowerNum(153));
</script>
</head>
<body>
<h1>求某范围的水仙花数水仙花数</h1>
<span>起始范围：<input type="text" id="begin" value="100"></span><br><br>
<span>起始范围：<input type="text" id="end" value="1000"></span><br><br>
<button onclick="findFlowerNum();">确定</button>
<hr>
<div id="result" >

</div>
</body>
</html>