Full playable demo

Try the full score calculator

Enter mission and bonus values, calculate different ranks, then reset the form.

Playable result only — the source code stays hidden.

Mission 00 4 min

Mission 0: Try the Score Calculator

Try the finished calculator first. Change the mission count and bonus points, then see how the total and rank respond.

This quest connects webpage inputs with JavaScript arithmetic — very similar to turning an algebra expression into working code.

Build roadmap

What you’ll build, mission by mission

  1. 1
    Build the form

    Create labelled number inputs and controls.

  2. 2
    Calculate the score

    Read input values as numbers and evaluate a formula.

  3. 3
    Add ranks

    Use conditions to turn a score into useful feedback.

  4. 4
    Handle missing values

    Stop bad input before calculating.

  5. 5
    Reset everything

    Clear the form and return the display to its starting state.

Mission demoBuild a Number Calculator Form

Finished result only — the answer code stays hidden.