JSFiddle - React, Tailwind, and code Playground

HTML

<div>APPENDING CHARACTER<span id='output0'></span></div>
<div>USING .text()<span id='output1'></span></div>

CSS

div > span{
    border: 1px solid green;
    padding: 5px;
}

JavaScript

var text = ['T','E','X','T'];

for(var i=0; i<text.length; i++){
   $('#output0').append(text[i]);   
}

for(var i=0; i<text.length; i++){
    $('#output1').text(function(index,v){
        return v+text[i];
    });
}