hn&lt;/button&gt;
                                   // &lt;button&gt;Mary&lt;/button&gt;
    })
}

m.render(document.body, userList(people))</code></pre>
<p>Let&#39;s suppose the <code>people</code> variable was changed to this:</p>
<pre><code class="language-javascript">people = [{id: 2, name: &quot;Mary&quot;}]</code></pre>
<p>The problem is that from the point of view of the <code>userList</code> function, there&#39;s no way to tell if it was the first object that was removed, or if it was the second ob