2014年4月14日 星期一

Lab 17 JavaScript

1
2
3

Lab 16 Change an image by moving the mouse

Lab 15 九九乘法表

<html>
<body>
<script>
function buildTable(){
  docBody = document.getElementsByTagName("body").item(0)
  myTable = document.createElement("TABLE")
  myTable.id ="TableOne"
  myTable.border = 1
  myTableBody = document.createElement("TBODY")
  for (i = 1; i < 10; i++){
    row = document.createElement("TR")
    for (j = 1; j < 10; j++){
      cell = document.createElement("TD")
      cell.setAttribute("WIDTH","50")
      cell.setAttribute("HEIGHT","50")
      textVal = i+"x"+j+"="+i*j
      textNode = document.createTextNode(textVal)
      cell.appendChild(textNode)
      row.appendChild(cell)
    }
  myTableBody.appendChild(row)
  }
  myTable.appendChild(myTableBody)
  docBody.appendChild(myTable)
}


window.onload = buildTable
</script>
</body>
</html>

1x1=11x2=21x3=31x4=41x5=51x6=61x7=71x8=81x9=9
2x1=22x2=42x3=62x4=82x5=102x6=122x7=142x8=162x9=18
3x1=33x2=63x3=93x4=123x5=153x6=183x7=213x8=243x9=27
4x1=44x2=84x3=124x4=164x5=204x6=244x7=284x8=324x9=36
5x1=55x2=105x3=155x4=205x5=255x6=305x7=355x8=405x9=45
6x1=66x2=126x3=186x4=246x5=306x6=366x7=426x8=486x9=54
7x1=77x2=147x3=217x4=287x5=357x6=427x7=497x8=567x9=63
8x1=88x2=168x3=248x4=328x5=408x6=488x7=568x8=648x9=72
9x1=99x2=189x3=279x4=369x5=459x6=549x7=639x8=729x9=81