JS初级应用 | 乘法表与图形

1.直角三角形

//外层循环:循环的行数 i:1、2...5
for(var i=1;i<=5;i++){
  /*
   第1行:1
   第2行:2
   第3行:3
   第n行:n
  */
  //内层循环:循环的列数
  var str='';
  for(var j=1;j<=i;j++){ 
    str+='※';
  }
  console.log(str);
}

效果图:
在这里插入图片描述

2.九九乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    //外层循环:循环的行数 i->行数
for(var i=1;i<=9;i++){
    //内层循环:循环的列数 j->列数
  var str='';
  for(var j=1;j<=i;j++){
    //把行数乘以列数的值,拼接到str中
	str+=i+'*'+j+'='+i*j+' ';
  }
  console.log(str);
}
    </script>
</body>
</html>

效果图:
在这里插入图片描述

【大神文章】:js基础运用——js用*打印三角形,菱形
https://blog.csdn.net/libowen980112/article/details/78590515

后记

此篇作为笔记分享,请各位大家多多指导,若有错误还请指出,若有知识点遗漏还请补充!

猜你喜欢

转载自blog.csdn.net/weixin_44290930/article/details/85605636