javascript写99乘法表

最新推荐文章于 2023-07-20 21:11:15 发布

tgyman

最新推荐文章于 2023-07-20 21:11:15 发布

阅读量1.1k

点赞数 3

文章标签： 99乘法表 javascript实现

本文链接：https://blog.csdn.net/tgyman/article/details/51830497

版权

用javascript写99乘法表,核心是采用嵌套循环,为了使打印的样式好看,使用table结构.

效果见附件截图.

源码如下:

--------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style type="text/css">
        td{
            border:1px solid black;//定义表格单元格的边框样式
        }
    </style>
    <script type="text/javascript">
        var htmlString=""; //声明乘法表字符串
        htmlString+='<table>' //为了使打印出的乘法表样式好看,所以采用table
        for(var i=1;i<10;i++){
            htmlString+='<tr>'
           for(var j=1;j<i+1;j++){
               htmlString+='<td>'+i+'*'+j+'='+(i*j)+'</td>';
              // htmlString+='&nbsp;&nbsp;';
           }
           // htmlString+='<br/>';
            htmlString+='</tr>'
        }
        htmlString+='</table>'
        document.write(htmlString);//打印乘法表字符串
    </script>
</head>
<body>

</body>
</html>