JSFiddle - React, Tailwind, and code Playground

by Артём Пендюрин

HTML

<button id="test">Click <i>me</i>
</button>
<div id="result"></div>

CSS

i {
    display: inline-block;
    padding: 4px;
}
i:hover {
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
}

JavaScript

document.getElementById('test').addEventListener('click', function (event) {
    if (event.target !== event.currentTarget) {
        document.getElementById('result').innerHTML = 'me';
    } else {
        document.getElementById('result').innerHTML = 'Click';
    }
});