4.10—js笔记

1.box-shadow的使用

/* x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

2. 根据数据生成柱形图时的显示问题

 柱形图没有高——${num[i]} 和px中间不能有空格

span标签没有显示——不小心在< >中加空格了

    <script>
        let num = []
        for (let i = 1; i <= 4; i++) {
            num.push(prompt(`请输入第${i}季度的数据`))
        }
        // console.log(num);

        // 盒子开头
        document.write(`<div class="box">`)
        //盒子中间,和数组有关系
        for (let i = 0; i < num.length; i++) {
            document.write(`
                <div style="height: ${num[i]} px; ">
                    < span > ${num[i]}</span>
                    <h4>第${i + 1}季度</h4>
                </div >
            `)
        }


        // 盒子结尾
        document.write(`</div >`)