Make the example runnable

The proposed changes, together with the style sheet suggestion proposed in the previous proposed change (and shown below), means that the example moves from being abstract, and students can directly copy/paste the example and see it work.

  <style>
  .on { background-color: yellow; }
  .off { background-color: black; color: white; }
  </style>