タスク3:ゼロベースJavaScriptコード(三)

タスクの説明
以下のコードの例を参照して、ページ上の既存のsourceリストを読み取り、そこから都市および対応する空気の品質を抽出し、データをある順序で並べ替えた後、resortリストに順次表示します.

  
    
    
  


  

    
      ：90
    
      ：70
    
      ：80
    
      ：50
    
      ：40
    
      ：32
    
      ：90
  

  

    

  

    


/**
 * getData  
 *   id source   ，                  
 *       ，        
 */
function getData() {
  /*
  coding here
  */

  /*
  data = [
    ["  ", 90],
    ["  ", 90]
    ……
  ]
  */
    var data=[];
    var lis=document.querySelectorAll('#source li');
    lis.forEach(function(el){
        data.push(el.innerText.split('    ：'));
    })
return data;

}
/**
 * sortAqiData
 *       data         
 *           
 */
function sortAqiData(data) {
    data.sort(function(a,b){
        return a[1]-b[1];
    })
    return data;
}

/**
 * render
 *               ，     id resort    
 *    ul       
 */
function render(data) {
    var html='';
    data.forEach(function(el,index){
        html+='<li> '+(index+1)+' ：'+el[0]+'    ：<b>'+el[1]+'</b></li>';
    })
    document.getElementById("resort").innerHTML=html;
}

function btnHandle() {
  var aqiData = getData();
  aqiData = sortAqiData(aqiData);
  console.log(aqiData)
  render(aqiData);
}

function init() {

  //      sort-btn        ，     btnHandle  
    document.getElementById("sort-btn").addEventListener('click',function(){
        btnHandle();
    })
}

init();

スプリットの唯一の難点はこれです.他には何もありません.