JSFiddle - React, Tailwind, and code Playground
HTML
<h3 class="clickable-ip">192.168.1.1</h3>
<h3 class="clickable-ip">192.168.1.2</h3>
<h3 class="clickable-ip">192.168.1.3</h3>
<h3 class="clickable-ip">192.168.1.4</h3>
CSS
.clickable-ip {
cursor: pointer;
}
JavaScript
function ipClicked(event){
const target = event.target;
alert("IP: " + target.textContent + " clicked!");
}
const ips = document.getElementsByClassName('clickable-ip');
Array.prototype.forEach.call(ips, function(elem){
elem.addEventListener('click', ipClicked);
})