前端学习基础之js-for循环打印直角三角形、等腰三角形、菱形

最新推荐文章于 2024-09-09 19:24:27 发布

Endless Daydream233

最新推荐文章于 2024-09-09 19:24:27 发布

阅读量5.2k

点赞数 10

分类专栏：前端学习基础记录常用js 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/gua222/article/details/107765708

版权

前端学习基础记录同时被 2 个专栏收录

57 篇文章

订阅专栏

常用js

16 篇文章

订阅专栏

打印五行五角星

//*****
//*****
//*****
//*****
//*****
for(let i=0;i<5;i++){
	for(let j=0;j<5;j++){
		document.write("*");
	}
	document.write("<br/>");
}
document.write("&nbsp");

打印直角三角形

//*
//**
//***
//****
//*****
for(let i=1;i<=5;i++){
	for(let j=1;j<=i;j++){
		document.write("*");
	}
		document.write("<br/>")
}

打印直角三角形2

//*     
//***
//*****
//*******
//*********
for(let i=0;i<5;i++){
	for(let j=0;j<2*i+1;j++){
		document.writeln("*");
	}
	 document.writeln("</br>")
}

打印等腰三角形

//    *     ---5个空格1个*
//   ***    ---4个空格3个*
//  *****   ---3个空格2n+1个*
// *******
//*********
for(let i=0;i<5;i++){
	for(let j=5;j>i;j--){
		document.writeln("&nbsp");
	}
	for(let k=0;k<2*i+1;k++){
		document.writeln("*")
	}
	document.writeln("</br>")
}

打印菱形

//     *     -----1     
//    ***    -----2     
//   *****   -----3
//  *******  ------4
// *********   -----5---一个正三角
//  *******     ------从新开始一个倒三角 2
//   *****     --------3
//    ***      --------4
//     *        -------5
for(let i=0;i<5;i++){
	for(let j=5;j>i;j--){
		document.writeln("&nbsp");
	}
	for(k=0;k<2*i+1;k++){
		document.writeln("*");
	}
	document.writeln("</br>")
}
for(let i=4;i>0;i--){
	for(let j=5;j>=i;j--){
		document.writeln("&nbsp");
	}
	for(let k=0;k<2*i-1;k++){
		document.writeln("*");
	}
	document.writeln("</br>")
}

打印空心菱形

//       *			5
//      * *    2空1
//     *   *     2空3
//    *     *      2空5
//   *       *    1空1 2空7
//    *     *      1 空2  2空5
//     *   *       1空3   2空3
//      * *        1空4
//       *         1空5
//分成两部分 上部分
for(let i=0;i<5;i++){
	for(let j=5;j>i;j--){
		document.writeln("&nbsp");
	}
	document.writeln("*");
	for(let k=0;k<2*i-1;k++){
		document.writeln("&nbsp");
	}
	if(i!==0){
		document.writeln("*");
	}
	document.writeln("</br>")
}
//下部分倒空心三角
for(let i=4;i>0;i--){
	for(j=5;j>=i;j--){
		document.writeln("&nbsp");
	}
	document.writeln("*");
	for(let k=0;k<2*(i-1)-1;k++){
		document.writeln("&nbsp");
	}
	if(i!==1){
		document.writeln("*");
	}
	document.writeln("</br>");
}

乘法口诀

//1*1=1
//1*2=2 2*2=4
//1*3=3 2*3=6 3*3=9
//1*4=4 2*4=8 3*4=12 4*4=16
//1*5=5 2*5=10 3*5=15 4*5=20 5*5=25
//1*6=6 2*6=12 3*6=18 4*6=24 5*6=30 6*6=36
//1*7=7 2*7=14 3*7=21 4*7=28 5*7=35 6*7=42 7*7=49
//1*8=8 2*8=16 3*8=24 4*8=32 5*8=40 6*8=48 7*8=56 8*8=64
//1*9=9 2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81
for(let i=1;i<10;i++){ //九行
  for(let j=1;j<=i;j++){
  	document.writeln(j+"*"+i+"="+(j*i));
  }
  document.writeln("</br>");
}

表格版乘法口诀

document.writeln("<table border='1' cellpadding='4' cellspacing='4'>");
for(let i=1;i<10;i++){ //九行
  document.writeln("<tr>");

  for(let j=1;j<=i;j++){
  	document.writeln("<td>")
  	document.writeln(j+"*"+i+"="+(j*i));
  	document.writeln("</td>")
  }

  document.writeln("</tr>");

  // document.writeln("</br>");
}
document.writeln("</table>");