qidao123.com技术社区-IT企服评测·应用市场

登录 立即注册
qidao123.com技术社区-IT企服评测·应用市场»论坛 › 企业信息化/数字化 › MES › 【跟着蛋老师过前端面试】（一）九九乘法表 ...

【跟着蛋老师过前端面试】（一）九九乘法表

[复制链接]
发表于 2022-8-13 07:29:54 | 显示全部楼层 |阅读模式
视频链接：JavaScript九九乘法表 - Web前端工程师面试题讲解
问题一：如下图这样排列

首先根据左下三角的一个九九乘法表的分布，可以做出如下的双重循环排布：
九九乘法表1.html

点击查看代码
  1. <html>
  2.     <head>
  3.         <title>九九乘法表</title>
  4.     </head>
  5.     <body>
  7.     </body>
  8.    
  9. </html>
复制代码
浏览器显示效果如下：

接下来九可以用html的格子和输出替换星号*
点击查看代码
  1.         <html>
  2.     <head>
  3.         <title>九九乘法表</title>
  4.     </head>
  5.     <body>
  7.     </body>
  8.    
  9. </html>
复制代码
浏览器的显示效果如下（水平菜，不能像蛋老师那样搞CSS）：

问题二：如下图这样排列

结合老师的视频内容和上图table显示出来的效果可知，可以把空缺的部分想象成空格，每行空出格子后接着写乘法表
点击查看代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>九九乘法表2</title>
  6.     </head>
  7.     <body>
  9.     </body>
  10.    
  11. </html>
复制代码
最终效果如下：


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
继续阅读请点击广告

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

×
回复

使用道具 举报

返回列表

美丽的神话
+ 我要发帖

© 2001-2025 Discuz! Team. Powered by Discuz! X3.5

GMT+8, 2025-7-23 08:12 , Processed in 0.072679 second(s), 30 queries 手机版|qidao123.com技术社区-IT企服评测▪应用市场 ( 浙ICP备20004199 )|网站地图

快速回复 返回顶部 返回列表