<script src="https://files.wheelwidget.com/wheel-widget.umd.js" async defer>
</script>

<wheel-widget id="60"></wheel-widget>
<h1 id="hidden"> Click emited </h1>
h1 {
  z-index: 999999999999999999;
  user-select: none;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-style: normal;
  font-weight: 700;
  font-size: 74px;
  line-height: 100%;
  /* identical to box height, or 74px */

  text-align: center;

  background: linear-gradient(180deg, #fd7126 0%, #ffdc61 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
const doSomething = () => {
  const h1 = document.getElementById("hidden");

  h1.style.opacity = 1;
};

window.wheelWidgetSpinEmit = doSomething;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.