JSFiddle - React, Tailwind, and code Playground

by Dan Mathisen

HTML

<div id="list">
    <a href="#" class="link">some link</a><br>
    
    <a href="#" class="icon">
        <span class="sr-only">icon</span>
        <i class="fa fa-add"></i>
    </a>
    </div>

<div id="console"></div>

JavaScript

document.getElementById('list').addEventListener('click', function(e) {
    var el = document.createElement('p');
    
    if (e.target.className == 'link') {
        el.innerHTML = e.target.className + ' ... link';
    } if (e.target.className == 'icon') {
        el.innerHTML = e.target.className + ' ... link';
    }
    
    document.getElementById('console').appendChild(el);
});