使用Javascript编写程序,实现计算斐波纳契数列
2.任务概述页面内容:1)编写一个页面,页面上有一个按钮,按钮标题为“计算斐波纳契数列”。2)打开页面时,页面标题栏需显示“第十四题:计算斐波纳契数列”页面功能:1)点击...
2.任务概述
页面内容:
1)编写一个页面,页面上有一个按钮,按钮标题为“计算斐波纳契数列”。
2)打开页面时,页面标题栏需显示“第十四题:计算斐波纳契数列”
页面功能:
1)点击按钮时,分别计算斐波纳契数列的前二十五项的值,并显示在页面上。
数列起始值:1 1 2 3 5 8 ……
2)显示的二十五个值分五行五列显示,列需对齐,每列数字右对齐。
3)显示的数字字体为“宋体”,字号为“四号”,颜色为“绿色” 展开
页面内容:
1)编写一个页面,页面上有一个按钮,按钮标题为“计算斐波纳契数列”。
2)打开页面时,页面标题栏需显示“第十四题:计算斐波纳契数列”
页面功能:
1)点击按钮时,分别计算斐波纳契数列的前二十五项的值,并显示在页面上。
数列起始值:1 1 2 3 5 8 ……
2)显示的二十五个值分五行五列显示,列需对齐,每列数字右对齐。
3)显示的数字字体为“宋体”,字号为“四号”,颜色为“绿色” 展开
2个回答
展开全部
你好!
代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="imagetoolbar" content="no" />
<title>第十四题:计算斐波纳契数列</title>
<style>
table.tb{
width:453px;height:118px;border:1px solid;
border-collapse:collapse;cellpadding:0;cellspacing:0
}
table td{
border-right: 1px solid; border-bottom: 1px solid;
font: bold 14pt "宋体";color:green;text-align:right;
}
</style>
</head>
<body>
<input type="button" id="btn" value="计算斐波纳契数列" onclick="show()"/>
<table id="tb" class="tb">
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
<script>
function show(){
//定义数组,通过循环计算前25个数列值
var arr = [];
arr[0] = 1;
arr[1] = 1;
for(var i=2;i<25;i++){
arr[i] = arr[i-1]+arr[i-2];
}
//循环为表格设置内容
var $table = document.getElementById("tb");
for(var i=0; i<$table.rows.length; i++){
//arr数组开始索引
var index = i*5;
for(var j=0; j<$table.rows[i].cells.length; j++){
$table.rows[i].cells[j].innerHTML = arr[index+j];
}
}
}
</script>
</body>
</html>
希望可以帮到你!!
---------------------------------------------------------------------------------------------
代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="imagetoolbar" content="no" />
<title>第十四题:计算斐波纳契数列</title>
<style>
table.tb{
width:453px;height:118px;border:1px solid;
border-collapse:collapse;cellpadding:0;cellspacing:0
}
table td{
border-right: 1px solid; border-bottom: 1px solid;
font: bold 14pt "宋体";color:green;text-align:right;
}
</style>
</head>
<body>
<input type="button" id="btn" value="计算斐波纳契数列" onclick="show()"/>
<table id="tb" class="tb">
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
<script>
function show(){
//定义数组,通过循环计算前25个数列值
var arr = [];
arr[0] = 1;
arr[1] = 1;
for(var i=2;i<25;i++){
arr[i] = arr[i-1]+arr[i-2];
}
//循环为表格设置内容
var $table = document.getElementById("tb");
for(var i=0; i<$table.rows.length; i++){
//arr数组开始索引
var index = i*5;
for(var j=0; j<$table.rows[i].cells.length; j++){
$table.rows[i].cells[j].innerHTML = arr[index+j];
}
}
}
</script>
</body>
</html>
希望可以帮到你!!
---------------------------------------------------------------------------------------------
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询