Code explainer — paste any code and click any highlighted word to understand it in plain English
Paste code below then click Analyse
Your code
What this does
Analyse your code first, then click any coloured word
Structure
Click any coloured word in the code to get a plain-English explanation
',se2);out+=tokHTMLTag(code.slice(i,se2));if(ce2>-1){out+=tokJS(code.slice(se2,ce2));out+='</script>';i=ce2+9;}else{i=se2;}continue;}
if(code.slice(i,i+4)==='',i);var cm=ce3>-1?code.slice(i,ce3+3):code.slice(i);out+=''+esc(cm)+'';i=ce3>-1?ce3+3:n;continue;}
if(code[i]==='<'){var te2=code.indexOf('>',i);if(te2>-1){out+=tokHTMLTag(code.slice(i,te2+1));i=te2+1;}else{out+=esc(code[i]);i++;}continue;}
var txt='';while(i$/);
if(!m) return esc(tag);
var prefix=m[1],name=m[2].toLowerCase(),rest=m[3];
var out=esc(prefix);
var key=name.toUpperCase()==='DOCTYPE'?'DOCTYPE':name;
if(DB.html[key]){out+=''+esc(m[2])+'';}else{out+=esc(m[2]);}
out+=rest.replace(/\b(class|id|onclick|href|src|style|type|name|value|placeholder|data-[a-z\-]+)=/gi,function(match,attr){
var ak=attr.toLowerCase();
if(DB.html[ak]) return ''+esc(attr)+'=';
return esc(match);
});
out+=esc('>');
return out;
}
function buildStruct(code,lang){
var items=[];
var fnRe=/function\s+(\w+)\s*\(/g;var m;
while((m=fnRe.exec(code))!==null) items.push({name:m[1]+'()',desc:'A function — a named block of code',cat:'behaviour',val:m[1]});
var clRe=/class\s+(\w+)/g;
while((m=clRe.exec(code))!==null) items.push({name:m[1],desc:'A class — a blueprint for game objects',cat:'behaviour',val:m[1]});
if(lang==='html'){
var idRe=/id="([^"]+)"/g;var seen={};
while((m=idRe.exec(code))!==null){var id=m[1];if(!seen[id]&&(id.includes('screen')||id.includes('modal')||id.includes('game')||id.includes('wall'))){seen[id]=1;items.push({name:'#'+id,desc:'A page section or screen',cat:'structure',val:id});}}
if(/