JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<div id='aaa'>
    <span>Hello</span>
    <span>World</span>

    <input type='text' />
</div>



<p id="results"></p>
<p id="results2"></p>

CSS

body {
    margin: 50px;
}
span {
    margin: 0 10px 0 0 ;
}

div {
    padding: 15px;
    background: #eee;
}

JavaScript

$("body").mousedown(function(event) {
    var et = event.target;    
    
    var mappedItems = $("#aaa").map(function (index) {
        if (index >= 0) {
            var asdf = 'ttt';
        } else {
            var asdf = 'fff';
        }
        return asdf;        
    });

    if (et === $('#aaa')[0]) {
        $('#results2').append(mappedItems);
    } else {
        $('#results2').append(mappedItems);
    }

});