【跟着蛋老师过前端面试】（一）九九乘法表
视频链接：JavaScript九九乘法表 - Web前端工程师面试题讲解问题一：如下图这样排列
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625223159496-1550662268.png
首先根据左下三角的一个九九乘法表的分布，可以做出如下的双重循环排布：
九九乘法表1.html
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625220040923-1947441471.png
点击查看代码<html>
<head>
<title>九九乘法表</title>
</head>
<body>
</body>
</html>浏览器显示效果如下：
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625220149757-1934103522.png
接下来九可以用html的格子和输出替换星号*
点击查看代码 <html>
<head>
<title>九九乘法表</title>
</head>
<body>
</body>
</html>浏览器的显示效果如下（水平菜，不能像蛋老师那样搞CSS）：
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625222856927-93241514.png
问题二：如下图这样排列
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625223457369-472882455.png
结合老师的视频内容和上图table显示出来的效果可知，可以把空缺的部分想象成空格，每行空出格子后接着写乘法表
点击查看代码<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九九乘法表2</title>
</head>
<body>
</body>
</html>最终效果如下：
https://img2022.cnblogs.com/blog/2914194/202206/2914194-20220625224301278-1023055545.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]