使用js制作九九乘法表
简单粗暴:
<script>
for (var j =1; j<=9;j++){
for (var i=1;i<=j; i++){
document.write(i +"*"+ j +"="+i*j+" ");
}
document.write("<br/>")
</script>
运行结果
缺点:式子不整齐
优化:加入table 。代码如下:
document.write("<table width='500'>");//整体边框
for (var j =1; j<=9;j++){
document.write("<tr>");//行边框
for (var i=1;i<=j; i++){
document.write("<td>");//单元格边框
document.write(i +"*"+ j +"="+i*j+" ");
document.write("</td>");
}
document.write("</tr>");
document.write("<br/>"); //换行要写在算法的外面
}
document.write("</table>");
运行效果:
PS:注意table,tr,td标签的位置以及换行的位置