script.js

// ResumeAI Analyzer Script


const uploadInput = document.getElementById("resumeUpload");
const uploadBox = document.querySelector(".upload-box");

const uploadLabel = document.querySelector(".upload-box label");




// Sample AI Data

const skillsDatabase = [
    "JavaScript",
    "React",
    "CSS",
    "HTML",
    "Node.js",
    "Git",
    "Shopify",
    "WordPress",
    "API",
    "Database"
];



const suggestions = [
    "Add measurable achievements in your experience section.",
    "Include more technical keywords for better ATS ranking.",
    "Improve your resume summary with clear career goals.",
    "Add links to your GitHub and portfolio projects.",
    "Mention technologies used in your projects."
];







// File Upload


uploadInput.addEventListener(
"change",
(e)=>{


const file = e.target.files[0];


if(file){

analyzeResume(file);

}


});









// Drag & Drop


uploadBox.addEventListener(
"dragover",
(e)=>{

e.preventDefault();

uploadBox.style.borderColor="#8b5cf6";

}

);



uploadBox.addEventListener(
"dragleave",
()=>{


uploadBox.style.borderColor="#52525b";


});





uploadBox.addEventListener(
"drop",
(e)=>{


e.preventDefault();


const file =
e.dataTransfer.files[0];


if(file){

analyzeResume(file);

}


});









// Analyze Resume


function analyzeResume(file){


if(file.type !== "application/pdf"){


alert(
"Please upload a PDF resume."
);


return;

}



uploadLabel.innerText =
"Analyzing Resume...";



setTimeout(()=>{


generateAnalysis(file);



},2000);



}









// Generate AI Result


function generateAnalysis(file){



const score =
Math.floor(
Math.random()*20
)+80;



const skillCount =
Math.floor(
Math.random()*10
)+15;



const suggestionCount =
Math.floor(
Math.random()*8
)+5;



document.querySelector(
".card strong"
).innerText =
score+"%";




document.querySelectorAll(
".card strong"
)[1]
.innerText =
skillCount;




document.querySelectorAll(
".card strong"
)[2]
.innerText =
suggestionCount;




// Skills update


const skillContainer =
document.querySelector(
".skill-list"
);



skillContainer.innerHTML="";



const selectedSkills =
skillsDatabase
.sort(
()=>0.5-Math.random()
)
.slice(0,skillCount > 8 ? 8 : 6);



selectedSkills.forEach(skill=>{


const span =
document.createElement(
"span"
);


span.innerText =
skill;


skillContainer.appendChild(span);



});








// Suggestions update


const suggestionBox =
document.querySelector(
".suggestions"
);



suggestionBox.innerHTML =
`
<h2>
AI Suggestions
</h2>
`;





suggestions
.sort(
()=>0.5-Math.random()
)
.slice(0,3)
.forEach(item=>{


const div =
document.createElement(
"div"
);



div.className =
"suggestion-card";



div.innerHTML =
`
<h3>
💡 Improvement
</h3>

<p>
${item}
</p>
`;



suggestionBox.appendChild(div);



});






// Save History


saveAnalysis({

file:file.name,

score:score,

date:
new Date()
.toLocaleDateString()

});





uploadLabel.innerText =
"Analyze Another Resume";



alert(
"✅ Resume Analysis Complete!"
);



}









// Local Storage


function saveAnalysis(data){


let history =
JSON.parse(
localStorage.getItem(
"resumeHistory"
)
)
|| [];



history.push(data);



localStorage.setItem(
"resumeHistory",
JSON.stringify(history)
);


}








// Hero Button Upload


document
.querySelectorAll(".primary")
.forEach(btn=>{


btn.addEventListener(
"click",
()=>{


uploadInput.click();


});


});








// Demo Button


document
.querySelector(".secondary")
.addEventListener(
"click",
()=>{


alert(
"Demo analysis will be available after uploading a resume."
);


});








console.log(
"🤖 ResumeAI Analyzer Loaded"
);