有时候,看似复杂的功能,其实也就是几行代码的事情。下面是我自己写的9-9乘法表:
<script>
document.write("<table width=800px height=500px>");
for(var i=1;i<10;i++)
{
document.write("<tr>");
for(var j=1;j<=i;j++)
{
document.write("<td>");
document.write(j+"*"+i+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
</script>
在做这个乘法表时我使用到了表格,从而是整个页面的排版简单了好多。下面是页面输出的效果。
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 |