A super simple script to create placeable random stickers with image elements

sticker.ts

const sticker = (set: string[], canvas: HTMLElement | null) => {
  let z = 0;

  if (canvas) {
    canvas.onclick = (event: MouseEvent) => {
      let randomImage = set[Math.floor(Math.random() * set.length)];
      let randomRotation = Math.random() * (45 - -45) + -45

      const element = document.createElement('img');

      element.ariaHidden = "true";
      element.className = 'sticker-item';
      element.src = randomImage;
      element.style.top = `${event.pageY}px`;
      element.style.left = `${event.pageX}px`;
      element.style.zIndex = `${z++}`;
      element.style.rotate = `${randomRotation.toFixed(2)}deg`;

      canvas.appendChild(element);
    };
  }
}