Widget作成いたしました💫

————————————————————

Widget名: 選択肢をクリックして指定数値で止まるスロット※要Javascript

カテゴリ: アクション

設置例： https://sb-draft-preview.squadbeyond.com/articles/virZLaoAmaKfqqWQ/draft?token=760676ae2a4007dcffcd4f6774870966

————————————————————

■ 金額の設定について

汎用性のため、個別・一括設定を可能にいたしました。

選択肢にある下記HTMLの data-price に金額を設定します。

選択肢毎に個別に設定する場合は選択肢それぞれに任意の金額を設定して下さい。

例) ¥7,800 にしたい

<input type="radio" name="q1-1" id="q1-1" data-price="7800">

※エラー回避のため、個別設定に値がない場合は最後に表示する下記結果表示コンテンツにある設定値の金額が一括で設定されます。

<div class="price" data-price="xxxx">0,000</div>

■ 選択前のスロットの数値設定について

指定桁数からランダムで表示するように設定しております。

現在の設定: 4桁

桁数の変更は下記 javascript 設定の digits で変更可能です。

const settings = {
  //省略...
  digits: 4, //ランダムで動くスロットの数値の桁数
  //省略...
};