JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textDisplay">Original Text</div>

JavaScript

html = '\
  <div>\
    <a href="TextLink 1">TextString 1</a>\
    <a href="TextLink 2">TextString 2</a>\
    <a href="TextLink 3">TextString 3</a>\
    <!-- ... -->\
  </div>\
';

function randomXToY(minVal,maxVal) {
    var randVal = minVal+(Math.random()*(maxVal-minVal));
    return Math.round(randVal);
}
  
var $found = $(html).find("a");
if ($found.length > 0) {
    var a = $found[randomXToY(0, $found.length-1)];
    var t = $(a).text();
    var h = $(a).attr("href");

    $("#textDisplay")
    .hide()
    .text(t)
    .fadeIn('fast')
    .delay(3000)
    .fadeOut('fast', function() { $(this).text(h); } )
    .fadeIn('fast');
}