for 循环数组

最新推荐文章于 2024-04-30 11:27:08 发布

敬礼 salute

最新推荐文章于 2024-04-30 11:27:08 发布

阅读量2.5k

点赞数 1

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_49868928/article/details/109373510

版权

for循环练习题
打印九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
   
            margin: 0;
            padding: 0;
        }
        .tab{
   
            width: 600px;
            height: 400px;
            border: 1px solid red;
            border-collapse: collapse;
        }
        /* 后代选择器 */
        .tab td{
   
            border: solid 1px black;
        }
    </style>
</head>
<body>
    <script>
        //九九乘法表
         document.write('<table class="tab">');
        for(var i=1;i<=9;i++){
                         //行         1<=9  成立
            document.write('<tr>');         
            for(var j=1;j<=i;j++){
                     //列        1<=9  成立
                if(j%2==0 && (i*j)%7!=0){
              //    j%2=0 偶数列
                    document.write('<td style="background-color:red;">'+j+'*'+i+'='+i*j+''+'</td>');
                }else if(j%2!==0 && (i*j)%7!=0){
       //     j%2!=0 奇数列
                    document.write('<td style="background-color:blue;">'+j+'*'+i+'='+i*j+''+'</td>');
                }else{
                                 //剩下7的倍数
                    document.write('<td style="background-color:yellow;">');
                    document.write(j+'*'+i+'='+i*j);
                    document.write('</td>');
                }
                // document.write('<td>'+j+'*'+i+'='+i*j+''+'</td>');
            }
            document.write('</tr>');
        }
        document.write('</table>');
    </script>
</body>
</html>

打印空心三角形和空心菱形

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       //打印空心等腰三角形
      //   var str='';
      //   for(var i=0;i<5;i++){
   
      //       for(var k=0;k<4-i;k++){
   
      //           str+=' ';
      //       }
      //       for(var j=0;j<2*i+1;j++){
   
      //           if(j==0 || j==2*i || i==4){
   
      //               str+='*';
      //           }else{
   
      //               str+=' ';
      //           }
      //       }
      //       str+='\n';
      //   }
      //   console.log(str);
         
        document.writeln("打印空心菱形</br>");

最低0.47元/天解锁文章

敬礼 salute

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
for 循环数组

for循环练习题打印九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *
复制链接

扫一扫