JSFiddle - React, Tailwind, and code Playground

HTML

<span id="originalText">ExampleText</span>
<span id="newText">ExampleText</span>

JavaScript

$(document).ready(function(){
    var originalText = $( "#originalText" ).text();
	$( "#originalText" ).mouseenter(function() {
      	var text = '';
      	var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789%$';

        for(var i=0; i < $( "#originalText" ).text().length; i++)
        {
            text += possible.charAt(Math.floor(Math.random() * possible.length));
        }
        $( "#newText" ).text( text );
    });
    $( "#originalText" ).mouseleave(function() {
        $( "#newText" ).text( originalText );
    });
})