利用javascript实现九九乘法表

最新推荐文章于 2023-10-30 22:59:38 发布

BBBMouse

最新推荐文章于 2023-10-30 22:59:38 发布

阅读量2.6k

点赞数 3

分类专栏：前端基础学习笔记-JS 文章标签： JavaScript 九九乘法表前端

本文链接：https://blog.csdn.net/weixin_41732430/article/details/86445847

版权

本文介绍了如何利用JavaScript实现九九乘法表，通过一个简单的双重for循环逻辑，详细阐述了代码实现过程。文章还展示了如何通过调整循环条件来创建反向乘法表，为前端开发者提供了一个实用的面试准备示例。

摘要由CSDN通过智能技术生成

乘法表这种面试经常遇到的题目必须要牢记于心啊，两个for循环众人皆知，下面来看一下用JS怎么实现吧

具体思路：竖向看大循环1至9，横向看每行都有一个小循环，小循环与每行的序号有关联（限制条件）。

for循环i=多少看起始的第一项的i值为多少，限制条件大都看最后一项。

首先CSS：

* {
			margin: 0;
			padding: 0;
		}

		li {
			list-style-type: none;
		}

		a {
			text-decoration: none;
		}

		li:after {
			display: block;
			clear: both;
			content: "";
		}

		span {
			display: inline-block;
			width: 50px;
			height: 20px;
			padding: 10px;
			border: 1px solid;
			margin: 5px;
		}

主要结构：

let str = ""
for (let i = 1; i <= 9; i++) {
    for (let k = 1; k <= i; k++) {
    	str +=`<span>${i}*${k}=${i*k}</span>`
    }
    str += '<br>'

    }
wrap