要求
<html>
<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>* {margin: 0;padding: 0;}.box {display: flex; width: 700px;height: 300px;border-left: 1px solid pink;border-bottom: 1px solid pink;margin: 50px auto;justify-content: space-around;align-items: flex-end;text-align: center;}.box>div {display: flex;width: 50px;background-color: pink;flex-direction: column;justify-content: space-between;}.box div span {margin-top: -20px;}.box div h4 {margin-bottom: -35px;width: 70px;margin-left: -10px;}</style>
</head>
<body><script>//四次弹窗效果let arr = [] //声明一个空数组for (let i = 1; i <= 4; i++) {let num = prompt(`请输入${i}季度的数据`)arr.push(num)}//盒子开头document.write(` <div class="box">`)//盒子中间,利用循环打印出多个盒子for (let i = 0; i < arr.length; i++) {//输入的数组季度数据,转换成柱状图的高document.write(`<div style="height: ${arr[i]}px;"><span>${arr[i]}</span><h4>第${i + 1}季度</h4></div>`)}//盒子结尾document.write(` </div>`)</script></body>
</html>
输入:123 333 124 144时的结果为