index.html

<article id="article-1">
  <p>Some text</p>
  <p>Some text</p>
  <menu>
    <button commandfor="article-1" command="--record-like">like</button>
  </menu>
</article>

<script>
  document.body.addEventListener("command", ({ action, target }) => {
    switch(action) {
      case "--record-like":
        navigator.sendBeacon(BuildArticleLikeURL(target.getAttribute('id')));
        optimisticLike(target.getAttribute('id'))
        break;
    }
  });
</script>