JSFiddle - React, Tailwind, and code Playground

HTML

<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay A</div></a>
<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay B</div></a>
<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay C</div></a>
<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay D</div></a>
<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay E </div></a>
<a class="Link1A Okay" href="#"><span class="OkayID">[id]</span><div class="Vote1A">Okay F</div></a>

JavaScript

var okay = document.getElementsByClassName("Okay");

for(var y = 0; y < okay.length; y++){
    okay[y].onclick = function(){  
        idElem = this.getElementsByClassName("OkayID")[0];
        console.log(idElem.innerHTML);
        /*
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function(){
            
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                alert('vote Sent to picture with id = ' + idElem.innerHTML);
            }
        };
        xmlhttp.open("GET", "ajax/vote.php", true);
        xmlhttp.send();
        */
    };
}