<!--小練習，練習使用循環實現一個九九乘法表
第一步，最低要求：在Console中按行輸出 n * m = t
然后，嘗試在網頁中，使用table來實現一個九九乘法表
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
td {
width: 200px;
height: 40px;
border: 1px solid #CCCCCC;
}
tr {
text-align: center;
}
</style>
</head>
<body>
<!--小練習，練習使用循環實現一個九九乘法表
第一步，最低要求：在Console中按行輸出 n * m = t
然后，嘗試在網頁中，使用table來實現一個九九乘法表
-->
<table>
<th>九九乘法表</th>
</table>
<script>
for(var i=1;i<=9;i++){
var str="";
var arr=[];
var tr=document.createElement("tr");
for(var j=1;j<=i;j++){
str=i+"*"+j+"="+i*j;
arr.push(str);
// console.log(arr);
var td=document.createElement("td");
tr.appendChild(td);
td.innerHTML=arr[j-1]; //注意這里是j-1 因為當i=1 j=1的時候 由於 arr[1]不存在 所以會報錯
//console.log(str);把每次內部循環的結果也都輸出了 第一行：3*1=3 第二行：3*1=3 3*2=6 第三行：3*1=3 3*2=6 3*3=9
}
//
// console.log(str); //將一次外循環作為一次輸出
var table=document.getElementsByTagName("table")[0];
table.appendChild(tr);
}
</script>
</body>
</html>
