web前端（js 九九乘法表案例）

最新推荐文章于 2024-05-16 19:01:40 发布

正儿八经的地球人

最新推荐文章于 2024-05-16 19:01:40 发布

阅读量1.5k

点赞数

分类专栏： web前端基础文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/miss_copper/article/details/131949249

版权

web前端基础专栏收录该内容

14 篇文章 1 订阅

订阅专栏

九九乘法表：

这里使用for循环嵌套来写程序，并且可以简单的将其分为两种（自增与自减）

方法一（自增）：

由于第一个数每行都是自增1。所以我们发现第二个数都是从1开始，依次递增1，永远不大于前面的数。前面数字每自增一次，后面数字自增一轮。我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1。内层从初始值设为j，j从1开始，小于等于外层的i，自增1。

代码如下：

<!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 (let i = 1;i<=9;i++){
  for (let j = 1;j<=i;j++){
    document.write(i+'*'+j+'='+(i*j)+'&nbsp  ');
  }
  document.write('<br>');//换行
}
    </script>
</body>
</html>

效果展示：

方法二（自减）：

第一个数每行都是自减1。我们发现第二个数都是从1开始，依次递增1，永远不大于前面的数。前面数字每自减一次，后面数字自增一轮。我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自减1。内层从初始值设为j，j从1开始，小于等于外层的i，自增1。

代码如下:

<!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(var i =9;i>=1;i--){
        for(var j = 1;j<=i;j++){
            document.write(i+'*'+j+'='+(i*j)+'&nbsp;&nbsp;&nbsp;');
        }
        document.write('<br>');
    }
    </script>
</body>
</html>

效果展示：

正儿八经的地球人

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
web前端（js 九九乘法表案例）

由于第一个数每行都是自增1。所以我们发现第二个数都是从1开始，依次递增1，永远不大于前面的数。前面数字每自增一次，后面数字自增一轮。我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1。内层从初始值设为j，j从1开始，小于等于外层的i，自增1。我们发现第二个数都是从1开始，依次递增1，永远不大于前面的数。前面数字每自减一次，后面数字自增一轮。我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自减1。内层从初始值设为j，j从1开始，小于等于外层的i，自增1。
复制链接

扫一扫

专栏目录