title: Single event listener for multiple child elements
body: <p>Consider the following HTML code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;section&gt;
      &lt;div id=&quot;left-box&quot;&gt;&lt;/div&gt;
      &lt;div id=&quot;middle-box&quot;&gt;&lt;/div&gt;
      &lt;div id=&quot;right-box&quot;&gt;&lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  <p>I want to change the color of <code>&lt;section&gt;</code> every time one of the above boxes is clicked. I am not presenting the CSSs. Is it possible instead of using 3 event listeners for click events upon the 3 boxes just to use only one? I've heard about <strong>fragments</strong>. Any idea?</p>