JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
        <div id="strategyBox"><p id="strategyText"></p></div>
        <div>
            <input type="button" class="againbutton" value="Again">
        </div>
    </div>

JavaScript

var localNameSpace = function() {
        var obliqueStrategy = [
            "Abandon normal instruments"
            , "Accept advice"
            , "Accretion"
            , "A line has two sides"
        ];
        
        var api = {
            bindButtonAction: function() {
                $('#wrapper .againbutton').click(api.generateRandomStrategy);
            }
            , generateRandomStrategy: function() {
                var randomOffset = Math.floor(Math.random() * 100) % obliqueStrategy.length;
                $('#wrapper #strategyBox #strategyText').html( obliqueStrategy[randomOffset] );
            }
        };
        
        return api;
    }();
    
    $(document).ready(function() {
        localNameSpace.bindButtonAction();
        localNameSpace.generateRandomStrategy();
    });