javascript怎麼實作99乘法表

在

JS中，可以透過嵌套兩層for迴圈來實現99乘法表，語法格式「for(var i=1;i

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript實作99乘法表

首先我們來觀察一下九九乘法口訣表

可以得出圖表的法則：

• 總共有9行9列，第幾行就有幾個表達式。

• 第 i 行，表達式就從 i*1 開始，一直到 i*i 結束，並共有 i 個表達式（這個效果我們可以透過一次循環來實現）。

因此，需要使用雙重循環來控制輸出，外層循環控制行數i （i最小為1，最大為9），內層循環控制列j （j最小為1，最大等於i）。

實作程式碼：

for(var i = 1; i <= 9; i++){     //外层循环控制行
	for(var j = 1; j <= i; j++) //内层循环控制列
	{
		document.write(j+"*"+i+"="+j*i+"   ");
	}
	document.write("</br>");
}

輸出結果：

#我們也可以向開頭圖那樣，將99乘法表放到一個表格裡輸出：

document.write("<table>");

for (var i = 1; i <= 9; i++) { //外层循环控制行
	document.write("<tr>");
	for (var j = 1; j <= i; j++) //内层循环控制列
	{
		document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
	}
	//换行，控制每行的输出几个表达式
	document.write("</tr>");
}
document.write("</table>");

然後加入css樣式，來修飾一下：

table {
	width: 600px;
	border-collapse: separate;
}

table td {
	border: #000 1px solid;
	text-align: center;
}

看看輸出結果：

################################### #####【推薦學習：###javascript高階教學###】####

以上是javascript怎麼實作99乘法表的詳細內容。更多資訊請關注PHP中文網其他相關文章！