请老师检查下代码，谢谢

来源：4-12 编程练习

不厌_

2021-06-15 15:28:27

相关代码：

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>onchange()</title>
    <style type="text/css">
        #div {
            width: 300px;
            height: 300px;
            border: 2px solid gray;
            margin: 100px 0 0 200px;
        }
    </style>
    <script type="text/javascript">
        //补充代码
        window.onload = function () {
            var box = document.getElementById('div');
            var select_color = document.getElementById('color');

            select_color.onchange = function () {
                // 当选择不同选项时，定义变量color获取不同选项的value值(即颜色)
                var color = select_color.value;
                // 判断选项，随着选项不同改变文字内容及背景颜色
                if (select_color.value == 0) {
                    box.innerText = '我没有发生任何变化';
                    box.style.backgroundColor = 'white';
                } else {
                    box.innerText = '我的背景颜色变成了' + color + '色';
                    box.style.backgroundColor = color;
                }
            }
        }
    </script>
</head>

<body>
    <div>
        <span>请选择您喜欢的颜色:</span>
        <select id="color">
            <option value="0">请选择</option>
            <option value="yellow">黄色</option>
            <option value="orange">橘色</option>
            <option value="pink">粉色</option>
            <option value="purple">紫色</option>
        </select>
    </div>
    <div id="div">我是div</div>
</body>

</html>