微信扫一扫打赏支持

会员等级查询

会员等级查询

 

 

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4     <meta charset="utf-8">
 5     <title>7-65 课堂演示</title>
 6     <link rel="stylesheet" type="text/css" href="style.css">
 7     <style type="text/css">
 8         section{
 9             background: rgba(150,50,25,0.25);
10             width: 300px;
11             height: 250px;
12             margin: 100px auto;
13             font-size: 24px;
14             border-radius: 15px;
15             padding: 15px;
16         }
17 
18         p{
19             font-size: 16px;
20             text-indent: 2em;
21             color: green;
22             text-align: 2em;
23             margin-top: 30px;
24         }
25     </style>
26 </head>
27 <body>
28     <section>
29         <h4>会员等级查询</h4>
30         <input type="number" id="point" placeholder="请入您的积分：">
31         <input type="button" value="会员等级查询" onclick="checkpoints()">
32         <p>
33             本俱乐部会员根据会员积分划分为不同的等级，享有相应的权限！
34         </p>
35     </section>
36     <script>
37         function check(points){
38             var res='',level=0;
39             if (points>=900) {
40                 level=1
41             }else if(points<900&&points>=600){
42                 level=2
43             }else if(points<600&&points>=400){
44                 level=3
45             }else if(points<400&&points>=200){
46                 level=4
47             }else if(points<200){
48                 level=5
49             }
50 
51             switch(level){
52                 case 1:res='黄金会员';break;
53                 case 2:res='专家会员';break;
54                 case 3:res='资深会员';break;
55                 case 4:res='普通会员';break;
56                 case 5:res='新手会员';break;
57             }
58             return res;
59         }
60 
61         function checkpoints(){
62             var x=document.getElementById('point').value
63             var str='';
64             if(x>=0){
65                 res=check(x);
66                 alert('您的会员等级为:'+res);
67             }else{
68                 alert('请重新输入您的积分')
69             }
70         }
71     </script>
72 </body>
73 </html>

 

posted @ 2017-12-23 14:05  范仁义  阅读(261)  评论(0)  编辑  收藏  举报