老师 问什么我打印到网页上面对不齐呢

来源:2-7 编程练习

weixin_慕村1291783

2020-11-24 14:54:07

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8" />

    <title>document</title>

</head>


<body>

    <script type="text/javascript">

        const m = new Map([

                ['apple''10'],

                ['strawberry''5'],

                ['Banana''0']

            ])

            // 在此补充代码

        for (const [namecountof m) {

            let a = name.padEnd(20' -');

            let b = count.padStart(9' Count:00');

            document.write(ab + '<br>')

        }

    </script>

</body>


</html>


写回答

1回答

好帮手慕鹤

2020-11-24

同学你好,代码可以优化一下:

1、因为浏览器页面解析的问题,所以内容没有对齐,建议同学使用console.log()在控制台查看内容,效果显示是比较美观的。

2、效果显示不完全,如下:

http://img.mukewang.com/climg/5fbcb1050983426401720114.jpg

这是因为在代码中,前面多加了一个空格,加上空格正好是9个字符,所以效果显示的时候,后面少了一位,如下:

http://img.mukewang.com/climg/5fbcb17609ae030c07060056.jpg

建议使用模板字符串实现效果,代码修改如下:

http://img.mukewang.com/climg/5fbcb1c809ba441306540278.jpg

效果:

http://img.mukewang.com/climg/5fbcb1d20923658e03830108.jpg

祝学习愉快!


0

0 学习 · 15276 问题

查看课程