设置等级对照表的表格

最新推荐文章于 2024-07-24 11:09:48 发布

脱离苦海丶

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量84

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/u011191890/article/details/127261619

版权

h5部分

js部分

// 经验值
       var num = 30
       // 获取table节点
       var dome = document.getElementById('tabid1')
       var html =
           '<tr class="height_80"><th width="10%">等级</th><th width="75%">图标</th><th width="15%">经验值</th>';
       var mimg;
       for (let i = 1; i <= 64; i++) {
           mimg = '';
           // /img/icon_xx.png 星星
           // /img/icon_yl.png 月亮
           // /img/icon_hg.png 皇冠
           if(i==1)mimg += '<img src="./img/icon_xx.png">';
           if(i==2)mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';
           if(i==3)mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';
           if(i<16 && i>3){
               if(i%4==0){
                   mimg += '<img src="./img/icon_yl.png">';
               }
               for (let j = 1; j < i/4; j++) {mimg += '<img src="./img/icon_yl.png">';}
               if(i%4==1){mimg += '<img src="./img/icon_xx.png">';}
               if(i%4==2){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
               if(i%4==3){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
           }
           if(i==16){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==32){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==48){
               mimg ='<img src="./img/icon_hg.png">'
           }
           if(i==64){
               mimg ='<img src="./img/icon_hg.png"><img src="./img/icon_hg.png"><img src="./img/icon_hg.png"><img src="./img/icon_hg.png">'
           }
           if(i>16 && i<=63){
               for (let j = 0; j < i/16-1; j++) {
                   mimg += '<img src="./img/icon_hg.png">';
               }
               if(i>16 && i<32){
                   for (let j = 0; j < parseInt(i/4-4); j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i>32 && i<48){
                   if(i%4==0){
                       mimg += '<img src="./img/icon_yl.png">';
                   }
                   for (let j = 0; j < i/4-9; j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i>48 && i<64){
                   if(i%4==0){
                       mimg += '<img src="./img/icon_yl.png">';
                   }
                   for (let j = 0; j < i/4-13; j++) {mimg += '<img src="./img/icon_yl.png">';}
               }
               if(i%4==1){mimg += '<img src="./img/icon_xx.png">';}
               if(i%4==2){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}
               if(i%4==3){mimg += '<img src="./img/icon_xx.png"><img src="./img/icon_xx.png"><img src="./img/icon_xx.png">';}

           }
           html += '<tr class="height_50"><td>' + i + '</td><td>'+mimg+'</td><td>' + num + '</td></tr>'
           num = num*2
       }
       dome.innerHTML = html;