JS-九九乘法表

最新推荐文章于 2022-07-29 11:05:39 发布

咖啡壶子

最新推荐文章于 2022-07-29 11:05:39 发布

阅读量220

点赞数

分类专栏：前端从入门到精通文章标签： html html5 javascript

本文链接：https://blog.csdn.net/TroyeSivanlp/article/details/102881141

版权

前端从入门到精通专栏收录该内容

64 篇文章 21 订阅

订阅专栏

JS-九九乘法表

- 第一种
- 第二种

第一种

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var str='';
        var num=prompt("请输入几行几列")
        for(var i=1;i<=num;i++){
            for(var j=1;j<=i;j++){
                str+=j+"*"+i+"="+i*j+"\t";
                
            }
            str+="\n";
        }
        alert(str);
        console.log(str);
    </script>
</body>
</html>

第二种

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for语句</title>
    <style>
        td{
            border: 1px solid black;
        }
    </style>
    <script>
        document.write("<table align='center'>");
        for(var i=1;i<=9;i++){
            document.write("<tr>");
            for (var j=1;j<=i;j++){
                document.write("<td>");
                document.write(i +" * "+ j + " = "+ (i * j )+"&nbsp;&nbsp;&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>");
            //document.write("<br>");
        }
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>

咖啡壶子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS-九九乘法表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>for语句</title> <style> td{ border: 1px solid black; ...
复制链接

扫一扫