目录
一.案例要求
用户在弹出框里面输出一个水果名称，如果里面包含这个水果则弹出这个水果的价格，如果没有就弹出“没有此水果”。
二.设计思路
1.首先利用prompt弹出一个输入框，用来给用户输入水果名称。
2.接着设置一个变量来保存这个水果名称的值。
3.将这个变量作为switch语句括号里面的表达式。
4.接着在case后面列出几种水果的名称，注意一定要加单引号，否则会匹配不成功。
5.在所列出的几种水果后面加上对应的alert弹出框，弹出不同的价格。
三.案例结果展示
这只是查询的苹果价格，如果我们需要查询其他水果价格，只需要输入对应的水果名称就可以查询到相应的价格。
四.源代码展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var fruit=prompt('请输入要查询的水果：')
switch(fruit){
case '苹果':alert('苹果的价格为 5.5元/斤');
break;
case '香蕉':alert('香蕉的价格为 10元/斤');
break;
case '榴莲':alert('榴莲的价格为 30元/斤');
break;
default:alert('没有此水果');
break;
}
</script>
</head>
<body>
</body>
</html>
3615
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
