🎮 HTML GAME CODING HUB 💻🔥

if(state.mission>=5)
unlock(2);

if(state.mission>=missions.length)
unlock(3);

if(state.tech>=30)
unlock(4);

if(state.creativity>=30)
unlock(5);

if(state.leadership>=30)
unlock(6);

if(state.vision>=30)
unlock(7);

if(state.achievements.indexOf(8)!==-1)
unlock(8);

if(getRank()==="LEGEND")
unlock(9);
}

/* =========================================================
ACHIEVEMENT UI
========================================================= */

function renderAchievements(){

var box=el("achievements");

box.innerHTML="";

for(var i=0;i<achievements.length;i++){

var a=achievements[i];

var unlocked=
state.achievements.indexOf(i)!==-1;

box.innerHTML+=
'<div class="achievement '+
(unlocked?"unlocked":"")+
'">'+
'<div class="achievementIcon">'+a[0]+'</div>'+
'<div>'+
'<b>'+a[1]+'</b>'+
'<small>'+a[2]+'</small>'+
'</div>'+
'</div>';
}
}

/* =========================================================
XP / LEVEL / RANK
========================================================= */

function getLevel(){

return Math.max(
1,
Math.floor(state.xp/100)+1
);
}

function getRank(){

var xp=state.xp;

if(xp>=280)return "LEGEND";
if(xp>=220)return "VISIONARY";
if(xp>=160)return "INNOVATOR";
if(xp>=80)return "EXPLORER";

return "ROOKIE";
}

function updateProgress(){

var level=getLevel();
var rank=getRank();

el("rankName").textContent=rank;

var currentXP=state.xp%100;

el("xpFill").style.width=
Math.min(100,currentXP)+"%";

el("xpText").textContent=
"LEVEL "+level+
" • "+state.xp+" XP";

el("tech").textContent=state.tech;
el("vision").textContent=state.vision;
el("leadership").textContent=state.leadership;
el("creativity").textContent=state.creativity;

el("playerName").textContent=
state.name || "Creator";

el("finalXP").textContent=
state.xp+" XP";

el("finalRank").textContent=
rank;

var titles={
ROOKIE:"Future Recruit",
EXPLORER:"Future Explorer",
INNOVATOR:"India Innovator",
VISIONARY:"2047 Visionary",
LEGEND:"India 2047 Legend"
};

el("visionTitle").textContent=
titles[rank] || "Future Creator";
}

/* =========================================================
FINAL PROFILE
========================================================= */

function finishGame(){

state.finished=true;

checkAchievements();
saveState();

renderAll();

toast("🏆 ALL MISSIONS COMPLETE!");

setTimeout(function(){
document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
},500);
}

function showFinalMission(){

var area=el("missionArea");

var total=
state.tech+
state.vision+
state.leadership+
state.creativity;

var strongest="TECH";

var values={
TECH:state.tech,
VISION:state.vision,
LEADERSHIP:state.leadership,
CREATIVITY:state.creativity
};

for(var key in values){

if(values[key]>values[strongest]){
strongest=key;
}

}

area.innerHTML=
'<div class="mission">'+
'<div class="missionTop">'+
'<b>🏆 MISSION COMPLETE</b>'+
'<span>2047 CORE</span>'+
'</div>'+
'<p>'+
'All strategic decisions completed. '+
'Your strongest trait is <b>'+strongest+
'</b>. Your future profile has been generated.'+
'</p>'+
'<button class="btn primary" onclick="scrollToVision()">'+
'🌌 VIEW MY 2047 PROFILE'+
'</button>'+
'</div>';
}

function scrollToVision(){

document
.querySelector(".shareCard")
.scrollIntoView({
behavior:"smooth",
block:"center"
});
}

/* =========================================================
SECRET SYSTEM
========================================================= */

function unlockSecret(){

var input=el("secretCode");

var code=input.value
.trim()
.toUpperCase();

var valid=[
"ANAND2047",
"FREEDOM2047",
"HUB2047",
"INDIA2047"
];

if(valid.indexOf(code)!==-1){

el("hiddenRoom").classList.add("show");

if(state.achievements.indexOf(8)===-1){
state.achievements.push(8);
}

saveState();
renderAchievements();

input.value="";

4 views09:04