下拉列表 列出三個顏色 選中某種顏色 網頁就設置該顏色
通過onchange事件獲取下拉列表的改變,從而改變網頁背景色。
<body>
<!-- 下拉列表 列出三個顏色 選中某種顏色 網頁(document.body)就設置該顏色 -->
<select name="color" id="color">
<option value="">請選擇顏色</option>
<option value="red">紅色</option>
<option value="green">綠色</option>
<option value="blue">藍色</option>
</select>
<script>
let color = document.getElementById('color');
color.onchange = function() {
document.body.style.backgroundColor = this.value;
console.log(this.value);
}
</script>
</body>