JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<div class="campaigncta__secondary-links">
  <a class="sticky__link" href="tel:61399252260" data-analytics-type="stickycta:secondary" data-analytics-value="Call now" aria-label="Call now">
<span>              
<img src="/content/dam/rmit/au/en/icons/campaign-sticky-cta/Call%20Us.svg" height="16px" width="16px">
</span>
<span>Call now</span>
</a>

  <a class="sticky__link" href="/content/rmit-ui/en/contact/online-enquiries/local-student-enquiries.html" data-analytics-type="stickycta:secondary" data-analytics-value="Enquire" aria-label="Enquire">
<span>
<img src="/content/dam/rmit/au/en/icons/campaign-sticky-cta/Enquire%20Online.svg" height="16px" width="16px">
</span>
<span>Enquire</span>
</a>

  <a class="sticky__link" href="/content/rmit-ui.html" data-analytics-type="stickycta:secondary" data-analytics-value="Chat to us" aria-label="Chat to us">
<span>
<img src="/content/dam/rmit/au/en/icons/campaign-sticky-cta/Live%20chat%20pixel.svg" height="16px" width="16px">
</span>
<span>Chat to us</span>
</a>




</div>

JavaScript

var launchChat = (function() {

  var cta_links = document.getElementsByClassName("sticky__link");
  var myFunction = function(e) {
    e.preventDefault();
    alert("test");
    //LC_API.open_chat_window();
    // alert(attribute);
  };
  for (var i = 0; i < cta_links.length; i++) { //alert(cta_links[i].innerText);
    if (cta_links[i].innerText == " Chat to us") {
    //alert("testi");
      cta_links[i].addEventListener('click', myFunction(event), false);
    }
   
  }



})()