HTML第五天作业_编写一个html页面,要求该页面包含两个按钮:“绘制乘法表”和“删除一行”。-CSDN博客

本文链接：https://blog.csdn.net/hdlaichi_/article/details/131703501

用for或者while写99乘法表

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            display: inline-block;
            margin-left: 10px;
        }
    </style>
</head>

<body>
    <script>
        for (let i = 1; i < 10; i++) {
            for (let j = 1; j <= i; j++) {
                document.write(`<span>${j}*${i}=${i * j}</span>`);
            }
            document.write(`<br/>`)
        }

        let m = 1
        while (m < 10) {
            let n = 1
            while (n <= m) {
                document.write(`<span>${m}*${n}=${m * n}</span>`);
                n++
            }
            m++
            document.write(`<br/>`)
        }
    </script>
</body>

</html>

效果图

二维数组的遍历

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            display: inline-block;
            margin-left: 10px;
        }
    </style>
</head>

<body>
    <script>
        let student = [['jiangjia', 31, 'sing'], ['xuchao', 21, 'dance'],['qwe',24,'play']]
        for (let i in student) {
            for (let j in student[i]) {
                document.write(`<span>${student[i][j]}</span>`)
            }
            document.write(`<br>`)
        }
    </script>
</body>

</html>