random_offer.js

function getRandom(arr, n) {
  var result = new Array(n),
    len = arr.length,
    taken = new Array(len);
  if (n > len)
    throw new RangeError("getRandom: more elements taken than available");
  while (n--) {
    var x = Math.floor(Math.random() * len);
    result[n] = arr[x in taken ? taken[x] : x];
    taken[x] = --len in taken ? taken[len] : len;
  }
  return result;
}

function applyHTML(selector, html) {
  let el = document.querySelector(selector);
  //console.log(el)
  if (el) {
    el.innerHTML = html;
  }
}

function search(nameKey, myArray) {
  for (var i = 0; i < myArray.length; i++) {
    if (myArray[i].index === nameKey) {
      return myArray[i];
    }
  }
}
var earn_selector = [
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(1)",
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(2)",
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(3)",
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(4)",
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(5)",
  "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div:nth-child(6)",
];

var offers = [
  {
    index: 1,
    html: '<div id="offer-insurance-theclub-com-hk-zh-individual-gadget-easy-phone-tablet" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://insurance.theclub.com.hk/zh/individual/gadget/easy-phone-tablet?itm_campaign=211117_clubployalty_epnt_offer_wave4-shopping_homepage-earn&amp;itm_medium=buwebsite&amp;itm_source=clubployalty" target="_self" href="https://insurance.theclub.com.hk/zh/individual/gadget/easy-phone-tablet?itm_campaign=211117_clubployalty_epnt_offer_wave4-shopping_homepage-earn&amp;itm_medium=buwebsite&amp;itm_source=clubployalty" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="Club Insurance 獨家優惠" srcset="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/clubinsurance-our-partners_epnt_tc_v4.jpg" src="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/clubinsurance-our-partners_epnt_tc_v4.jpg" title="" style=""><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://insurance.theclub.com.hk/zh/individual/gadget/easy-phone-tablet?itm_campaign=211117_clubployalty_epnt_offer_wave4-shopping_homepage-earn&amp;itm_medium=buwebsite&amp;itm_source=clubployalty" target="_self" href="https://insurance.theclub.com.hk/zh/individual/gadget/easy-phone-tablet?itm_campaign=211117_clubployalty_epnt_offer_wave4-shopping_homepage-earn&amp;itm_medium=buwebsite&amp;itm_source=clubployalty" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">Club Insurance 獨家優惠</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">把握機會立即投保「Easy Phone &amp; Tablet維修計劃」即享Club Shopping HK$300折扣優惠！受條款及細則約束。</div></div></div></div>',
  },
  {
    index: 2,
    html: '<div id="offer-www-theclub-com-hk-zh-campaigns-cpearning-onlineshopping-202011-html" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://www.theclub.com.hk/zh/campaigns/cpearning-onlineshopping-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_whatsnews" target="_self" href="https://www.theclub.com.hk/zh/campaigns/cpearning-onlineshopping-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_whatsnews" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="全新合作夥伴" srcset="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-shopping-banner-20201104-v01.png" src="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-shopping-banner-20201104-v01.png" title="" style=""><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://www.theclub.com.hk/zh/campaigns/cpearning-onlineshopping-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_whatsnews" target="_self" href="https://www.theclub.com.hk/zh/campaigns/cpearning-onlineshopping-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_whatsnews" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">全新合作夥伴</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">於The Club全新合作網店/前往指定店鋪購物，即可賺取Club積分。買得多，賺得多！</div></div></div></div>',
  },
  {
    index: 3,
    html: '<div id="offer-www-theclub-com-hk-zh-campaigns-earncp-hkt-202011-html" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://www.theclub.com.hk/zh/campaigns/earncp-hkt-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_hkt-services" target="_self" href="https://www.theclub.com.hk/zh/campaigns/earncp-hkt-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_hkt-services" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="透過HKT服務賺取Club積分" srcset="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-lob-banner-20201104-v01.png" src="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-lob-banner-20201104-v01.png" title="" style=""><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://www.theclub.com.hk/zh/campaigns/earncp-hkt-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_hkt-services" target="_self" href="https://www.theclub.com.hk/zh/campaigns/earncp-hkt-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_hkt-services" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">透過HKT服務賺取Club積分</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">經HKT各項認可服務賺Club積分話咁易。賺夠指定積分升級會籍so easy!</div></div></div></div>',
  },
  {
    index: 4,
    html: '<div id="offer-www-theclub-com-hk-zh-campaigns-cpearning-localtravel-202011-html" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://www.theclub.com.hk/zh/campaigns/cpearning-localtravel-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_localtravel" target="_self" href="https://www.theclub.com.hk/zh/campaigns/cpearning-localtravel-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_localtravel" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="探索本地悠閒旅程" srcset="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-localtravel-banner-20201104-v01.png" src="/content/dam/theclub-spa-react/en/partners-offers/campaigns/campaign-localtravel-banner-20201104-v01.png" title="探索本地悠閒旅程"><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://www.theclub.com.hk/zh/campaigns/cpearning-localtravel-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_localtravel" target="_self" href="https://www.theclub.com.hk/zh/campaigns/cpearning-localtravel-202011.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211101_homepage_earn_banner_localtravel" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">探索本地悠閒旅程</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">於The Club預訂本地酒店住房或旅遊相關項目賺Club積分，渡過你的快閃假期。</div></div></div></div>',
  },
  {
    index: 5,
    html: '<div id="offer-www-theclub-com-hk-zh-campaigns-browser-extension-html" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://www.theclub.com.hk/zh/campaigns/browser-extension.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211207_homepage_earn_banner_browser-extension" target="_self" href="https://www.theclub.com.hk/zh/campaigns/browser-extension.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211207_homepage_earn_banner_browser-extension" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="為你介紹 The Club全新瀏覽器擴充功能" srcset="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/browser extension_v4_herobanner_tc.jpg" src="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/browser extension_v4_herobanner_tc.jpg" title="" style=""><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://www.theclub.com.hk/zh/campaigns/browser-extension.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211207_homepage_earn_banner_browser-extension" target="_self" href="https://www.theclub.com.hk/zh/campaigns/browser-extension.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=211207_homepage_earn_banner_browser-extension" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">為你介紹 The Club全新瀏覽器擴充功能</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">讓你於超過130個合作夥伴網上平台購物時，不會錯過任何賺盡Club積分的機會。立即加到Chrome！</div></div></div></div>',
  },
  {
    index: 6,
    html: '<div id="offer-www-theclub-com-hk-zh-campaigns-easter_shopping_spree-html" class="OfferListItemContainer col-md-4 col-12" style="max-width:100%"><div class="OfferListImageContainer"><a to="https://www.theclub.com.hk/zh/campaigns/easter_shopping_spree.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=220331_homepage_earn_banner_easter" target="_self" href="https://www.theclub.com.hk/zh/campaigns/easter_shopping_spree.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=220331_homepage_earn_banner_easter" rel="noopener noreferrer" class="undefined open-external"><img class="" alt="復活節購物狂賞" srcset="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/Easter_Promotion_1188x664_01tc.jpg" src="/content/dam/theclub-spa-react/en/partners-offers/partners/kv/Easter_Promotion_1188x664_01tc.jpg" title="" style=""><div class="OfferListTypeContainer"></div></a></div><div class="OfferListTitleContainer"><a to="https://www.theclub.com.hk/zh/campaigns/easter_shopping_spree.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=220331_homepage_earn_banner_easter" target="_self" href="https://www.theclub.com.hk/zh/campaigns/easter_shopping_spree.html?itm_source=clubloyalty&amp;itm_medium=buwebsite&amp;itm_campaign=220331_homepage_earn_banner_easter" rel="noopener noreferrer" class="undefined open-external"><div><div class="sc-ftvSup eobHHr OfferListTitle" data-parallax="false">復活節購物狂賞</div></div></a></div><div class="OfferListAuthorContainer"><div><div data-parallax="false" data-rte-editelement="true" class="sc-ftvSup eobHHr OfferDescriptionContent">The Club 特別集合 20 個人氣美妝及時尚品牌網上平台，為會員帶來節日限定購物狂賞，以最抵優惠*入手大熱產品之餘，更可同時賺Club積分！</div></div></div></div>',
  },
];

//var ran_list = [1,2,3,4,5,6,7,8,9,10,11,12]
function setRandom() {
  var ran_list = [1, 2, 3, 4, 5, 6];
  var result_list = getRandom(ran_list, 6);
  for (var i = 0; i < 3; i++) {
    let o = search(result_list[i], offers);
    console.log(o);
    applyHTML(earn_selector[i], o.html);
  }

  var earn_show_more_bn = document.querySelector(
    "#container-d502ef979f > div > div > div:nth-child(2) > div.selected-offers-container > div > div > div > div.div-button-container.col-12 > div > div > div.show-more-text"
  );
  earn_show_more_bn.addEventListener("click", function () {
    setTimeout(function () {
      for (var i = 3; i < 7; i++) {
        let o = search(result_list[i], offers);
        console.log(o);
        applyHTML(earn_selector[i], o.html);
      }
    }, 1000);
  });
}

adobe.target
  .getOffers({
    request: {
      prefetch: {
        mboxes: [
          {
            index: 0,
            name: "mbox",
          },
        ],
      },
    },
  })
  .then((response) => {
    // get all mboxes from response
    const mboxes = response.prefetch.mboxes;
    console.log(mboxes);
    var exp = mboxes[0].options[0].content.exp;
    console.log(exp);
    setRandom()
    //if(exp.indexOf('random')!=-1){
       //setRandom()
    //}
  });