Skip to content

Latest commit

 

History

History
201 lines (135 loc) · 4.19 KB

File metadata and controls

201 lines (135 loc) · 4.19 KB

JavaScript Practice Arena

Use this guide during the break to keep sharpening your JavaScript skills. The goal is practice and repetition, not copying answers.

This activity turns ChatGPT (or another AI assistant) into a practice coach that gives you progressively harder questions and tracks your progress.


How This Works

You will copy one of the prompts below and paste it into ChatGPT.

The AI will:

  • Give you one problem at a time
  • Wait for your answer
  • Give feedback
  • Track your score and level
  • Gradually increase difficulty

Think of this like a JavaScript workout session.


Your Goal

Build fluency with core JavaScript concepts:

  • variables
  • arrays
  • objects
  • functions
  • arrow functions
  • callbacks
  • map / filter
  • debugging
  • reading code

The key skill: thinking before coding.


Gamified Practice System

Use this scoring system while practicing.

Result Points
Correct on first try +3
Correct after hint +2
Correct after second attempt +1
Needed full solution 0

Level up every 10 points.

Example:

Level: 2
Score: 14
Streak: 3

Try to beat your previous streak.


Prompt A — JavaScript Practice Coach (Recommended)

Copy and paste this prompt into ChatGPT.

You are my JavaScript practice coach.

Goal: build core JS skill (syntax + reasoning), not copy answers.

Rules:
1) Start easy and increase difficulty only when I’m consistently correct.
2) Ask ONE question at a time. Wait for my answer before continuing.
3) Do NOT give the final solution immediately. If I’m wrong, give a small hint and let me retry.
4) When I’m correct, show an ideal solution and explain it briefly.
5) Keep score: Correct, Incorrect, Streak, and Level (1–10).
6) Mix question types:
   - predict the output
   - write a function
   - debug a snippet
   - refactor (function ↔ arrow, loop ↔ map/filter)
7) Every coding question must include a tiny test example and expected output.

Start with Level 1.

Prompt B — Hard Mode (Minimal Hints)

Use this if you want a tougher challenge.

Be my JavaScript drill sergeant.

One problem at a time.
I answer. You judge.

Do not give solutions unless I ask after two failed attempts.

Keep score and increase difficulty quickly.
Include many "predict the output" and "spot the bug" questions.

Start now.

Prompt C — Shopkeeper-Themed Practice

This version connects directly to concepts from the Shopkeeper project.

Be my JavaScript practice coach using a “Shopkeeper game” theme.

Focus areas:
- objects
- arrays of objects
- functions and arrow functions
- callbacks
- state updates
- randomness
- clamping numbers

Rules:
- One question at a time
- Do not reveal solutions immediately
- Keep score and level
- Include a small test case for coding questions

Start with an easy state/object question.

NOTE! I had been prompting ChatGPT with questions about the Shopkeeper project, so my session was primed with this information. To get better and more relevant questions you may need to prime your AI with some of the Shopkeeper code BEFORE using the prompt above!


Prompt D — Reasoning Mode

This version forces you to think before coding.

Help me practice JavaScript.

Process:
1) Ask one question.
2) Before I answer, ask me to explain my plan in 1–2 sentences.
3) After I answer, grade it and explain only what is missing.
4) If incorrect, give one hint and ask me to try again.
5) Keep score and increase difficulty.

Start easy.

Challenge Mode

Try to complete a 30 minute JavaScript workout:

  1. Reach Level 5
  2. Maintain a streak of 5 correct answers
  3. Solve at least:
  • 3 output prediction problems
  • 3 function writing problems
  • 2 debugging problems

Pro Tip

If the AI gives the answer too quickly, say:

Do not give the answer yet. Give me a hint instead.

Learning happens when you struggle with the problem first.


Optional: Track Your Progress

Session Level Score Streak
1
2
3

Try to improve your score and streak each session.


Keep practicing. Small daily repetition builds real programming skill.