乘法口诀&&乘法口诀反转

wwj_2016

已于 2023-03-29 17:10:02 修改

阅读量103

点赞数

文章标签： html css 前端 javascript

于 2023-03-29 16:22:26 首次发布

本文链接：https://blog.csdn.net/wwj_2016/article/details/129839493

版权

<!--
 * @LastEditors: ada.wang
-->
<!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>
    <style>
        table td {
            border: 1px solid lightcyan;
            background-color: lightcyan;
            col
        }
    </style>
</head>

<body>
    <script>
        function cf() {
            document.write('<table border=1>');
            for (let row = 1; row < 10; row++) {
                document.write('<tr>');
                for (let col = 1; col <= row; col++) {
                    document.write('<td>' + col + "*" + row + "=" + row * col + '</td>');
                }
                document.write("</tr>");
            }
            document.write('</table>')
        }
        cf();
        function ReCf() {
            document.write('<table border=1>');
            for (let row = 1; row < 10; row++) {
                document.write('<tr>');
                for (let col = 1; col <= 9 - row; col++) {
                    document.write('<td>' + '</td>');
                }
                for (let col = row; col > 0; col--) {
                    document.write('<td>' + row + '*' + col + '=' + col * row + '</td>');
                }
                document.write("</tr>");
            }
            document.write('</table>')
        }
        ReCf();
    </script>
</body>

</html>