Day1-JavaScript 的基礎練習***

1.使用JavaScript在頁面上列印10行8列矩形的小圓點。

<script type="text/javascript">
	for(var i=0;i<10;i++){
		for(var j=0;j<8;j++){
			document.write("●");
		}
		document.write("<br />");
	}
</script>

實現效果:

2.使用JavaScript在頁面上列印10行直角三角形的小圓點。

<script type="text/javascript">
	for(var i=0;i<10;i++){
		for(var j=0;j<i;j++){
			document.write("●");
		}
		document.write("<br />");
	}
</script>
 

實現效果:

3.使用JavaScript在頁面上列印10行倒直角三角形的小圓點。

<script type="text/javascript">
	for(var i=0;i<10;i++){
		for(var j=0;j<10-i;j++){
			document.write("●");
		}
		document.write("<br />");
	}
</script>

實現效果：

4.使用JavaScript在頁面上列印10行等腰三角形的小圓點。

<style>
	div{text-align:center;}
</style>
<script type="text/javascript">
	for(var i=0;i<10;i++){
		document.write("<div>");
		for(var j=0;j<=i;j++){
			document.write("<span>●&nbsp;&nbsp;&nbsp;</span>");
		}
		document.write("<br />");
		document.write("</div>");
	}
 </script>
 

實現效果:

5.使用JavaScript在頁面上列印99乘法表。

<script type="text/javascript">
	document.write("<table>");
	for(var i=1;i<=9;i++){
		document.write("<tr>");
		for(var j=1;j<=i;j++){
		document.write("<td>"+i+"*"+j+"="+i*j+"&nbsp;&nbsp;&nbsp;"+"</td>");
 		}
		document.write("</tr>");
 	}
 	document.write("</table>");
 </script>
 

實現效果：