本文主要是介绍【小黑JavaScript入门系列之脑力训练一《JS实现99乘法表》】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.案例:通过Javascript用两种显示方法实现99乘法表
分析:
(1)双层for循环,外循环实现9行打印,内循环实现对应列打印
(2)内循环输出乘法口诀,外循环控制换行
2.运行结果:
3.代码:
方法一:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>// 方法一:控制台打印var str = '';for (i = 1; i <= 9; i++) {for (j = 1; j <= i; j++) {str = str + i + '*' + j + '=' + i * j + ' ';}str += '\n';}console.log(str);</script>
</body></html>
方法二:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>// 方法二:页面打印for (i = 1; i <= 9; i++) {for (j = 1; j <= i; j++) {document.write(i + '×' + j + ' = ' + i * j + ' ');}document.write('<br>');}</script>
</body></html>
这篇关于【小黑JavaScript入门系列之脑力训练一《JS实现99乘法表》】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!