JSFiddle - React, Tailwind, and code Playground
HTML
<p id ="changingP">
<span>Want </span><span>to </span><span>get </span><span>in</span><span> contact</span><span> with </span><span>me</span><span>?</span><br /><span>Email</span><span>: </span><span>edit</span><span>.</span><span>ed</span><span>email</span><span>@</span><span>gmail</span><span>.</span><span>com</span><br /><span>Link</span><span>edI</span><span>n</span><span>: </span><span>http</span><span>s://w </span><span></span><span>ww.</span><span>lin</span><span>kedi</span><span>n.com</span><span>/</span><span>in/</span><span>edit</span><span>ed</span><span>email</span>
</p>
CSS
#changingP {
opacity = 0;
}
span {
opacity = 0;
}
JavaScript
$(document).ready(function() {
var $spans = document.getElementsByTagName('span');
var $length = $spans.length;
for(var i=0; i < $length; i++) {
var $random = $spans[Math.floor(Math.random() * $spans.length)];
$($random).css("opacity","1");
if($length > -1)
$spans.splice($length,$random);
}
});
});