老师帮忙检查下

来源：4-12 编程练习

localhost999

2021-09-20 18:08:25

<!DOCTYPE html>
<html>
    <head>
    <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 xuanxian=document.getElementById('color');
var bgc=document.getElementById('div');
     xuanxian.onchange=function(){
        if(xuanxian.value=="0"){
        bgc.style.backgroundColor="";
        bgc.innerText="我没有发生变化";
        }
        if(xuanxian.value=="yellow"){
        bgc.style.backgroundColor="yellow";
        bgc.innerText="yellow";

        }
        if(xuanxian.value=="orange"){
        bgc.style.backgroundColor="orange";
        bgc.innerText="orange";
        }
        if(xuanxian.value=="pink"){
        bgc.style.backgroundColor="pink";
        bgc.innerText="pink";

        }
        if(xuanxian.value=="purple"){
        bgc.style.backgroundColor="purple";
        bgc.innerText="purple";
        }

     }
     }

    </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>