JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="bannertext">Random Headline</h1>
 <div class="nextquote">COME ON GOOFY, TELL ME SOMETHING NEW!</div>

CSS

.nextquote {
    cursor:pointer
}

JavaScript

headlines = new Array("Good", "Bad", "Ugly", "Random Headline");
var randomNumberBefore = 4;

function randomNumberByRange (range, number) {
    var r;
    do {
        var r = Math.floor(Math.random() * range);
    } while (r == number);
    return r;
}

$(document).on('click','.nextquote' , function() {
    var randomNumber = randomNumberByRange( headlines.length, randomNumberBefore);
    var nextHeadline = headlines[randomNumber];
    
    $(".bannertext").text(nextHeadline);
    console.log(nextHeadline);
    
});