Lock and Check
Check correct or wrong answer.
46% track progress
📂 Step 1 — Open the Project for This Track
Open this folder in VS Code or your editor:
tracks/html-js/final-project/
Open Final Project Folder📄 Step 2 — Files to Edit
For this track, these are the important files:
Start with the yellow file, then update the others only when the task asks you to.
🎯 Step 3 — Learning Objective
Students implement decision logic.
🔨 Step 4 — Fully Defined Student Task
What to build
- Add a lock/check answer action or check immediately after selection.
- Compare selected answer with the current question answer.
- Show Correct when the answer matches.
- Show Wrong and reveal the correct answer when it does not match.
- Disable all options after answer is locked.
Acceptance Criteria
- Correct answers show success feedback.
- Wrong answers show error feedback.
- Correct answer is visible after checking.
- Options cannot be changed after locking.
What to submit to the teacher
- Screenshot of correct case.
- Screenshot of wrong case.
- Explain the condition used for checking.
Do not move ahead until
- The project runs without errors.
- You can explain which files changed.
- The acceptance criteria above are satisfied.
▶ Step 5 — Run the Project
Use this command or method:
Open tracks/html-js/final-project/index.html in your browser.
✅ Step 6 — Checkpoint Output
KBC Quiz
Lock and Check should now work.
A. Sample optionB. Sample optionC. Sample optionD. Sample option🧠 Step 7 — Mini Quiz
- What exact feature did this milestone add?
- Which file changed the most and why?
- Which acceptance criterion proves the work is complete?
🆘 Full Code Fallback
👀 View / Copy Complete Help
Open this only after trying.
// Milestone 07: Lock and Check
// Open: tracks/html-js/final-project/
// Complete every item under "What to build".
// Test every item under "Acceptance Criteria".Add a lock/check answer action or check immediately after selection.
Compare selected answer with the current question answer.
Show Correct when the answer matches.
Show Wrong and reveal the correct answer when it does not match.
Disable all options after answer is locked.Ask the student to demonstrate the running output, then ask which file changed and why.🌐 GitHub Commit
After the milestone works, commit it:
git add . git commit -m "Complete HTML / JavaScript milestone 07: Lock and Check" git push