index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Clapper test page</title>
  <link rel="stylesheet" href="dist/applause-button.css" />
  <script src="dist/applause-button.js"></script>
  <style>
    applause-button {
      width: 8rem;
      margin-inline: auto;
      font-family: sans-serif;
    }
  </style>
</head>
<body>
  <applause-button id="applause" multiclap="true" url="google.com"></applause-button>
  <script type="text/javascript">
    const button = document.getElementById("applause");

    button.initialClapCount.then(function(count) {
      console.log("initial clap count", count);
    });

    button.addEventListener("clapped", function(event) {
      console.log("button clapped", event.detail);
    });
  </script>
</body>
</html>