JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="email" >[email protected]</div>
        <div id="val1" class="hidden"></div>
    </body>
</html>

CSS

#email {direction:rtl; unicode-bidi: bidi-override; float: left;}
#val1 { color: blue; }

JavaScript

$(function(){
    
    var origin = $("#email");
    var text = origin.html();
    var container = $("#val1");
    
    for( i=text.length-1; i>=0; i-- ){
        container.append( text.charAt(i) );
    }
    
    origin.hide();
    container.show();
    
});