老师请检查
来源：4-3 编程练习
未来it界的一枚程序媛
2020-02-22 14:10:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
请选择菜单：
<select id="menu">
<option class="opts">请选择</option>
<option class="opts" value="fruit" >水果</option>
<option class="opts" value="cake" >蛋糕</option>
<option class="opts" value="nuts" >坚果</option>
</select>
</p>
<p >该系列有：<span class="totalItems"></span></p>
<script>
// 此处写代码
//获取元素
var menu=document.querySelector('#menu');
var totalItems=document.querySelector('.totalItems');
// 水果
function fruit(){
totalItems.innerHTML='苹果、香蕉、鸭梨、橙子、西瓜';
}
// 蛋糕
function cake(){
totalItems.innerHTML='慕斯、奶酪、海绵、重油、戚风';
}
// 坚果
function nuts(){
totalItems.innerHTML='碧根果、巴旦木、夏威夷果、腰果、开心果';
}
menu.onclick=function () {
switch(this.value){
case 'fruit':
fruit();
break;
case 'cake':
cake();
break;
case 'nuts':
nuts();
break;
default:
totalItems.innerHTML='';
}
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-02-22
同学你好，代码是正确的，很棒。继续加油，祝学习愉快！
0
