JSFiddle - React, Tailwind, and code Playground

by raviteja gunda

JavaScript

(function() {
  window.tntHeroesChecked = true;
  var bannerTab = 'div.banner-tab',
    clickTracked = '',
    slideNum = ''

    ,
    thisObj = null;



  var tntListener = function(event) {

    console.log('event:', event);

    event.preventDefault();

    thisObj = this;

    slideNum = this.getAttribute('tnt-slide-num');

    clickTracked = this.getAttribute('tnt-tracked');



    console.log('thisObj:', thisObj);

    console.log('slideNum:', slideNum);

    if (clickTracked && clickTracked === 'false') {

      console.log('IF - clickTracked:', clickTracked);

      tntTrackClick();

    } else {

      console.log('ELSE - clickTracked:', clickTracked);

      this.removeEventListener('click', tntListener);

      // this.click();

      this.addEventListener('click', tntListener);

    };

  };



  function tntHandleClickTrack() {

    console.log('tntHandleClickTrack');

    var heroCTA = document.querySelector('div.banner-tab').querySelectorAll('a');

    heroCTA.forEach(function(element, index, array) {

      console.log('element:', element);

      console.log('index:', index);

      console.log('array:', array);

      element.setAttribute('tnt-slide-num', (index + 1));

      element.setAttribute('tnt-tracked', 'false');

      element.addEventListener('click', tntListener);

    });

  };



  function tntTrackClick() {

    var params = {};

    switch (slideNum) {

      case '1':
        params = {
          'hp-hero-cta-1': 'clicked'
        };
        break;

      case '2':
        params = {
          'hp-hero-cta-2': 'clicked'
        };
        break;

      case '3':
        params = {
          'hp-hero-cta-3': 'clicked'
        };
        break;

      default:
        params = {
          'hp-hero-cta': 'clicked'
        };

    }; // end switch



    adobe.target.trackEvent({

      'mbox': 'qd-data-mbox-2',

      'params': params,

      'success': function() {

        console.log('trackEvent success');

       ...