Explore the Starter Project
Task
Run the starter project and identify where the calculator’s interface and JavaScript logic will live.
The HTML and CSS are already prepared. Do not rebuild the interface.
Download the starter project
The course uses a prepared starter project. Download it from GitHub before continuing:
Download the starter project from GitHub
Open the project
Start with these files:
index.htmlcss/style.cssjs/calculator.jsjs/ui.jsjs/history.js
Open index.html in your browser, or run the project with your usual local development server.
What to look for
In index.html, identify the main calculator container, display, number buttons, operator buttons, control buttons, equals button, history area, and theme control.
Then inspect the JavaScript files. The application logic will be built across these files as the course progresses.
For now, focus on understanding the boundary between the prepared interface and the logic you will implement.
Test
Load the application in the browser.
Confirm that the calculator interface and its controls are visible. Open the browser console and make sure there are no unexpected startup errors.
Checkpoint
You should now be able to point to the prepared UI and the JavaScript files where the calculator behavior will be implemented.