fetch Jason

//---------------------------------
// Load and show a random club 
//---------------------------------
function getData2(adr){
    fetch(adr, {cache: "no-cache"})
    .then(function(response) {
        if(response.ok)
            return response.json();
        throw(response.statusText);
        })
    
    .then(function(myJson) {        
        showCountry2(myJson);
    })
    .catch(function(err) {
         alert(adr+" er ikke lastet \n"+err);
      });    
}
function showCountry2(obj){
    x=Math.floor(Math.random() *obj.teamlist.length);
    document.getElementById("result2").innerHTML=
       obj.teamlist[x].name
}

//---------------------------------
// Load and show json
//---------------------------------
//fstart
function getData3(adr,level){
    fetch(adr, {cache: "no-cache"})
    .then(function(response) {
        //console.log(adr);
        return response.json();
        })
    
    .then(function(myJson) {
        //console.log(adr);
        showCountry(myJson,level);
    })
    .catch(function(err) {
         console.log("could not load or show data",err);
      });
}
function showCountry(obj,level){
    clearResult();
    console.log(obj.teamlist.length,level);
    for(var i=0;i<obj.teamlist.length;i++){
        var team=obj.teamlist[i];
        if(team.level==level){
            showTeam(team);
        }
    }
}
//fend
function clearResult(){
    var result=document.getElementById("result3");
    result.innerHTML="";
}
function showTeam(team){
    //console.log(team.name);
    var result=document.getElementById("result3");    
    var name=team.name;
    var logo=team.logo.replace("http://","https://");
    var arena=team.arenaname;
    
    var box=document.createElement("div");
    box.setAttribute("class","box");
    box.innerHTML='<img class="logo" src="'+logo+'" width="60px"/>';
    box.innerHTML+='<div class="name">'+name+'</div>';
    box.innerHTML+='<div class="arena">'+arena+'</div>';
    result.appendChild(box);    
}
function loadIt(){
    var x = document.getElementById("nationselect").value;
    getData3('data/'+x+'.json',1);
}

body{font-size: 14px;
    font-family:'Open Sans',Helvetica,Sans-Serif;
    font-weight: 400;
    margin:10px 10px 10px 10px;
   }
.grid-container{
        display: grid;
        grid-template-columns: auto auto;
    }        
.box{clear:left;padding:5px;
      border-style:solid;border-width:thin}
.logo{float:left;margin-right:10px;max-height:60px}
.name{font-size:1.4em}
.arena{font-size:1.2em}