A structured lesson workspace with readable content, hands-on examples, and a clean path to completion.
| Observation | Diagnostic question |
|---|---|
| Runtime value | What value actually arrived? |
| Language rule | Which rule determines the result? |
<button id="buy">Buy</button><script>document.querySelector('#buy').addEventListener('click', () => {console.log('clicked');});</script>
Keep the experiment focused on handling user events and change one assumption at a time.
This example demonstrates handling user events directly. Change one input at a time and observe the result; the goal is to connect the syntax to the runtime behavior rather than treating the snippet as a recipe.
Finish the lesson once you have worked through the material. This awards ★ 20 XP.