最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 > web开发 >
怎样用javascript编写简易的99乘法表?
PHP中文网发表于 2021-09-09 17:43 次浏览

    用javascript编写99乘法表是很多javascript新手都会遇到上的一道练习题,这道题对大家学习和理解JS中的循环有一定的帮助,下文给大家分享的是用for循环实现99乘法表的实例,需要的朋友可以参考。

    javascript实现99乘法表

    首先我们来观察一下九九乘法口诀表

    可以得出图表的规律:

  • 总共有9行9列,第几行就有几个表达式。

  • 第 i 行,表达式就从 i*1 开始,一直到 i*i 结束,共有 i 个表达式(这个效果我们可以通过一次循环实现)。

    因此,需要使用双重循环来控制输出,外层循环控制行数 i (i最小为1,最大为9),内层循环控制列 j (j最小为1,最大等于 i)。

    实现代码:

for(var i = 1; i <= 9; i  ){     //外层循环控制行
	for(var j = 1; j <= i; j  ) //内层循环控制列
	{
		document.write(j "*" i "=" j*i "&nbsp;&nbsp;&nbsp;");
	}
	document.write("</br>");
}

    输出结果:

    我们还可以向开头图那样,将99乘法表放到一个表格里输出:

document.write("<table>");

for (var i = 1; i <= 9; i  ) { //外层循环控制行
	document.write("<tr>");
	for (var j = 1; j <= i; j  ) //内层循环控制列
	{
		document.write("<td>"   j   "*"   i   "="   j * i   "</td>");
	}
	//换行,控制每行的输出几个表达式
	document.write("</tr>");
}
document.write("</table>");

    然后添加css样式,来修饰一下:

table {
	width: 600px;
	border-collapse: separate;
}

table td {
	border: #000 1px solid;
	text-align: center;
}

    看看输出结果:

    关于javascript编写99乘法表就介绍到这了,上述代码仅供参考,希望大家阅读完这篇文章能有所收获,想要了解更多JavaScript的内容,请关注群英网络其它相关文章。

标签:javascript编写
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐