JavaScript- Detect when Anchor Tag Element is clicked? (ES5)

test page : https://jsfiddle.net/h8u2fgyo/

     var links =  document.getElementsByTagName("a");
     for(var i=0;i<links.length;i++) {
         if (links[i].dataset.target == "#botwDisclosuresModal" && links[i].dataset.toggle == "modal" && links[i].href.indexOf("#botwDisclosuresModal")>0) {
             links[i].addEventListener("click", function(event) {
                 event.preventDefault();
                 alert("you clicked on it!");
             });
         }
     }

Select allOpen in new window

<a data-target="#botwDisclosuresModal" data-toggle="modal" href="#botwDisclosuresModal" onclick="function(){alert('clicked - you can also call a function here');"> Application Disclosures </a>

Select allOpen in new window

https://www.w3schools.com/jsref/event_onclick.asp

Sorry, Geoff! I should have mentioned that I can't modify the element in any way. I have to use a TMS.

what miss in my solutions?

Then add the event listener as suggested above 😊.  Using JQuery is the easiest by far.

Use $("[href=#botwDisclosuresModal]").click(function(){ //function code here });

You can detect if the tagName is anchor ('A') like this
HTML

<div><a data-target="#botwDisclosuresModal" data-toggle="modal" href="#botwDisclosuresModal">
   Application Disclosures
 </a></div><br/>
 <div data-target="#botwDisclosuresModal" data-toggle="modal" href="#botwDisclosuresModal">
   Application Disclosures Div Element
 </div>

Select allOpen in new window

JS script

document.addEventListener('click',function(a){
    if (a.target.tagName=='A'){
      console.log(true)
    // You can add your code here
    }else{
      console.log(false)
    }       
});

Select allOpen in new window

JSFiddle here

Thank you all!

you welcome!