<script src="https://websdk-game-changers.livelikecdn.com/livelike.umd.dev.js"></script>
<livelike-widgets programid="529cd51c-898c-48cd-bed1-67a8455ea1d8" mode="predictionGame">
</livelike-widgets>
const widgetContainer = document.querySelector('livelike-widgets');

LiveLike.init({
  clientId: "PPH7kWtZiasE6emxh3JUQ1aNKdoadFY3PYc8bB8m"
}).then(() => {
  LiveLike.getWidgets({
    programId: '78ba621d-5b3f-4ee4-999b-81194724666f',
    widgetKinds: ["text-prediction"]
  }).then(res => 
    res.results.forEach(widgetPayload =>
      widgetContainer.showWidget({ widgetPayload})
    )
  );
});

function predictionGame({ widget }) {
  if(widget.kind === "text-prediction"){
    widget.hide_dismiss_button =  true;
    return widgetContainer
      .attach(widget)
      .then(() =>
        widget.interactive({timeout: null})
      );
  }
  return null; 
}

LiveLike.registerWidgetMode('predictionGame', predictionGame);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.