JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main"></div>
<div class="second"></div>

JavaScript

$.ajax({
    url: "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D%22https%3A%2F%2Fnews.google.com%2F%3Foutput%3Drss%22&format=json&diagnostics=true&callback=",
    success: function (data) {
        var length = 0;
        var items = data.query.results.item;
        items = items.map(function(item){
                              
        return '<div data-source="Hello" class="clicktitle"><h6 style="background:beige;">'+item.title+'</h6></div>';
        });
        var half = items.length/2;
        for(var i = 0; i < items.length; i++)
            if(i < half)
                $('.main').append(items[i]);
            else
                $('.second').append(items[i]); 
            length++;
        },

    error: function () {}        
});

   $('.main, .second').on("click",".clicktitle",function(){ 
    var datasource = $(this).data('source');
    $(this).text(datasource); 
   });