JavaScript-DOM(九九乘法表)——两种算法

通过ul中的li来做九九乘法表

代码描述:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JavaScript-DOM(九九乘法表)</title>
</head>
<body>
    <ul id="01">
    </ul>
    <script>
        // var data = "";
        /* for (var i = 0; i <= 9; i++) {
            data += "<li>" + "这是第" + (i + 1) + "个数字" + "</li>";
        } */
        var data = "";
        for (var i = 1; i <= 9; i++) {
      
      
            data += "<li>";
            for (var j = 1; j <= i; j++) {
      
      
                data += j + "*" + i + "=" + (i * j) + "&nbsp;&nbsp";
            }
            data += "</li>";
        }
        var x = document.getElementById("01");
        x.innerHTML = data; 
    </script>
</body>
</html>

通过换行标签<br />来实现9*9乘法表

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JavaScript-DOM(九九乘法表)</title>
</head>
<body>
    <div id="02">
    </div>
    <script>       
        var data = "";
        for (var i = 1; i <= 9; i++) {
      
      
            for (var j = 1; j <= i; j++) {
      
      
                data += j + "*" + i + "=" + (i * j) + "&nbsp;&nbsp";
            }
            data += "<br/>";
        }
        var x = document.getElementById("02");
        x.innerHTML = data; 
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/m0_46672781/article/details/121391231