老师 问什么我打印到网页上面对不齐呢
来源: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 [name, count] of m) {
let a = name.padEnd(20, ' -');
let b = count.padStart(9, ' Count:00');
document.write(a, b + '<br>')
}
</script>
</body>
</html>
1回答
好帮手慕鹤
2020-11-24
同学你好,代码可以优化一下:
1、因为浏览器页面解析的问题,所以内容没有对齐,建议同学使用console.log()在控制台查看内容,效果显示是比较美观的。
2、效果显示不完全,如下:
这是因为在代码中,前面多加了一个空格,加上空格正好是9个字符,所以效果显示的时候,后面少了一位,如下:
建议使用模板字符串实现效果,代码修改如下:
效果:
祝学习愉快!
相似问题
回答 1