Pop={ api:function(){ let a=new XMLHttpRequest(); a.onreadystatechange=function(){ if(this.readyState==4&&this.status==200){ Pop.json=JSON.parse(this.responseText); Pop.keys=Object.keys(Pop.json); Pop.spawn(); let b=Help_.children[1].children[0]; b.style.opacity=1; b.disabled=false; } }; a.open("GET","https://chemistrydata.herokuapp.com/elements/",false); a.send(); }, json:{}, order:true, type:["number","xpos","melt","boil","period"], spawn:function(){ Pop.array=[]; Pop_.children[1].innerHTML=""; Pop_.children[4].innerHTML=""; NextButt.disabled=true; NextButt.style.opacity=.3; NextButt.anim(""); Pop.order=(2*Math.random()|0)==0?true:false; let p=Pop.type.length*Math.random()|0; Pop_.children[2].children[0].innerText=Pop.order?"Ascending":"Descending"; Pop_.children[3].children[0].innerText=["Atomic number","X-position","Melting point","Boiling point","Period"][p]; let a=[]; let b=4+5*Math.random()|0; if(Pop.keys.length<=9&&!Pop.done) a=Pop.keys.slice(); else{ b=b<=Pop.keys.length?b:Pop.keys.length; b=!Pop.done?b:4+5*Math.random()|0; while(a.length0) a.push(d); } } Pop.hints=a.length; a=a.filter(f=>Pop.json[f][Pop.type[p]]!=null); for(let b of a) Pop.keys.splice(Pop.keys.indexOf(b),1); a.forEach(function(x){ try{ let e=Pop.json[x][Pop.type[p]]; let f=Pop.color(); Pop.array.push(e==null?0:e); Pop_.children[1].innerHTML+=''; }catch(x){}; }) }, array:[], keys:[], click:function(x){ let max=Math.max.apply(null,Pop.array); let min=Math.min.apply(null,Pop.array); let a=Pop.order?min:max; let b=x.children[0].innerText; let c=x.children[1].innerText; let d=x.children[2].innerText; let e=x.children[2].innerText; let w=x.style.outline; e=e=="null"?0:e; if(e==a){ Pop.array.splice(Pop.array.indexOf(a),1); x.anim("pop0 .3s"); setTimeout(function(){ x.hide(); Pop_.children[4].innerHTML+=''; if(Pop_.children[4].children.length==Pop_.children[1].children.length) Pop.pass(); },300); } else{ for(let a=0;a0) Pop.keys.push(b); } for(let b=0;b0?Pop.score:0; Score_.innerText=Pop.score; } }, hint:function(x){ x.children[1].block(); x.children[2].block(); }, hints:0, hinting:function(x){ let y=false; if(Pop.hints>0){ while(true){ let a=Pop_.children[1].children; let b=a[a.length*Math.random()|0]; if(b.children[2].style.display=="none"){ Pop.hint(b); y=true; Pop.hints--; break } } if(y){ let c=4; x.style.opacity=.3; x.disabled=true; let i=setInterval(function(){ c--; x.children[0].innerText=c>0?c:""; if(c==0){ clearInterval(i); x.style.opacity=1; x.disabled=false; } },1000); } } }, pass:function(){ for(let a=0;a new elements added to Library'; Banner.innerHTML=!Pop.done?Banner.innerHTML:"Congratulations! All elements unlocked!"; if(!Pop.done2) Banner.block(); if(Pop.done) Pop.done2=true; Banner.anim("popslidel .3s"); Pop.score+=50*Math.random()|0; Score_.innerText=Pop.score; let b=Pop.score; if(b>=2500) Pop.legend=true; let c=b>2500?"Legend": b>1000?"Master": b>500?"Expert": b>250?"Champion": b>100?"Rookie":"Newbie"; Level_.innerText=!Pop.legend?c:"Legend"; if(c!=Pop.currentLevel){ Pop.currentLevel=c; Level_.click(); } if(Pop.legend){ Banner.innerHTML="You are a LEGEND!"; Banner.block(); } }, lib:[], next:function(){ if(!Pop.legend&&!Pop.done2) Banner.anim("popslider .3s"); setTimeout(function(){ if(!Pop.legend&&!Pop.done2) Banner.none(); },300); Pop.spawn(); }, score:0, library:function(){ Hijab.block(); Hijab.style.background="#000"; Library_.block(); Library_.anim("slideup .5s"); Library_.children[1].innerHTML=""; Library_.children[4].children[0].innerText=Pop.lib.length; Library_.children[4].children[1].innerText=Object.keys(Pop.json).length; Pop.lib.sort((x,y)=>Pop.json[x[0]]["number"]-Pop.json[y[0]]["number"]).forEach(function(x){ Library_.children[1].innerHTML+=''; }); }, libraryClose:function(){ Library_.anim("slidedown .5s"); setTimeout(function(){ Library_.none(); Hijab.none(); },500); }, details:function(x){ Hijab.style.zIndex=8; let a=x.children[2].innerText; let w=x.style.outline; Details_.children[0].children[0].style.background=w; Details_.children[1].innerHTML=""; Details_.children[0].children[0].innerText=a; Object.keys(Pop.json[a]).forEach(function(x){ if(x!="source"&&x!="spectral_img") Details_.children[1].innerHTML+=''; }); Details_.children[2].children[0].href=Pop.json[a]["source"]; Details_.block(); Details_.anim("slideup .5s"); }, detailsClose:function(){ Details_.anim("slidedown .5s"); setTimeout(function(){ Details_.none(); Hijab.style.zIndex=5; },500); }, done:false, done2:false, legend:false, levels:function(){ Hijab.block(); for(let a=0;a

Atomic Pop (Chemistry API Contest)