JS初级应用 | 乘法表与图形_js菱形，html乘法表-优快云博客

仅做笔记分享，如有错误请高手指出

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>