Apply suggestions from code review

Everything except for the TS declarations since I think Dylan ought to weigh in

Co-authored-by: Michael Rawlings <[email protected]>
Co-authored-by: Luke LaValva <[email protected]>

content/2-templating/6-conditional/marko/TrafficLight.marko

@@ -1,12 +1,9 @@
 static const TRAFFIC_LIGHTS = ["red", "orange", "green"];
 <let/lightIndex = 0/>
-<let/light = TRAFFIC_LIGHTS[lightIndex]/>
+<const/light = TRAFFIC_LIGHTS[lightIndex]/>
 
 <button onClick () {
-    lightIndex++;
-    if (lightIndex >= TRAFFIC_LIGHTS.length) {
-      lightIndex = 0;
-    }
+    lightIndex = (lightIndex + 1) % TRAFFIC_LIGHTS.length;
   }>Next light</button>
 <p>Light is: ${light}</p>
 <p>

content/3-lifecycle/2-on-unmount/marko/Time.marko

@@ -1,6 +1,6 @@
 <let/time = new Date()/>
-<lifecycle() {
-  onMount () { this.timer = setInterval(_ => time = new Date()), 1000) }
+<lifecycle
+  onMount () { this.timer = setInterval(_ => time = new Date(), 1000) }
   onDestroy () { clearInterval(this.timer) }
-}/>
+/>
 <p>Current time: ${time.toLocaleTimeString()}</p>

content/6-form-input/2-checkbox/marko/IsAvailable.marko

@@ -1,5 +1,5 @@
 <input#is-available
   type="checkbox"
-  checked:=isAvailable
+  checked:=input.isAvailable
 />
 <label for="is-available">Is available</label>

content/6-form-input/3-radio/marko/PickPill.marko

@@ -1,8 +1,7 @@
-function handleChange (event) {
-  picked = event.target.value;
-}
-
 <let/picked = "red"/>
+<const/handleChange(event) {
+  picked = event.target.value;
+}/>
 
 <div>Picked: ${picked}</div>
 <input#blue-pill