Sales Rep Earnings Calculator Page

I’m putting together a one-page HTML tool that lets a sales rep see their 12-month on-target earnings in seconds. The inputs are intentionally minimal: their anticipated sales achieved for each month (We will assume this is what they will do each month). As soon as those numbers are in, the calculator should display:

• A clear numeric total for the full year’s earnings
• A simple line graph that plots month-by-month earnings so the rep can spot seasonality at a glance

Base salary is not part of the formula, so the script only needs to handle commission rate × monthly sales. I’m fine with vanilla JavaScript or a lightweight framework like Alpine.js—whichever lets the page load instantly and stay easy to embed in any site. The graph can rely on Chart.js or similar, provided the library file is locally referenced to keep the page self-contained. Needs to carry our brand

Acceptance criteria
• Single responsive HTML file with in-page CSS/JS
• Two input fields per month: sales figure and a single commission rate field that applies to all months
• Real-time calculation and line graph redraw as values change
• No external calls other than the graph library; everything should work offline once the page is loaded

Handing over the finished HTML, CSS, JS (and the minified graph library if used) is all I need to wrap this up.

Need in less than 24 hours