日常学习JavaScript

最新推荐文章于 2024-11-12 11:47:35 发布

Ling_Ye_

最新推荐文章于 2024-11-12 11:47:35 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/Ling_Ye_/article/details/127379133

版权

学习 jquery 前端

学习目标：

1.熟悉双重for循环，完成案例

学习内容:

在这里插入图片描述

学习时间：

1.日常深夜

学习结果：

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>
        var a = prompt('请输入行数:');//a为行数
        var b = prompt('请输入列数:');//b为列数
        var str = '';
        for(var i = 1; i <= a; i++) {
             for(var j = 1;j <= b; j++) {
                 str += '★';
             }
             str += '\n';
         }//外围for循环控制行数
         console.log(str);
         alert(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>
        // var a = prompt('请输入行数:');//a为行数
        // var b = prompt('请输入列数:');//b为列数
        // var str = '';
        // for(var i = 1; i <= a; i++) {
        //      for(var j = 1;j <= b; j++) {
        //          str += '★';
        //      }
        //      str += '\n';
        //  }//外围for循环控制行数
        //  console.log(str);
        //  alert(str);
        var str = '';
        for(var i = 1; i <= 10; i++) {
             for( var j = i; j <= 10; j++) {
                 str += '★';
             }
             str += '\n';
         }
         console.log(str);
    </script>
</body>
</html>