JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://dl.dropboxusercontent.com/s/oaprsibn7sfjfck/processing.js?dl=0"></script>
<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="natureofcode.com/book/javascripts/jquery.fixed.js"></script>
<div>
    <script src="https://dl.dropboxusercontent.com/s/oaprsibn7sfjfck/processing.js?dl=0"></script>
    <canvas id="ctr" data-processing-sources="https://dl.dropboxusercontent.com/s/eeugx1y7qvftnrh/Counter.pde?dl=0"></canvas>
    <div class="sketch-controls">
        <!--<input id="reset" type="button" value="RESET"></input>-->
        <input id="pause" type="button" value="PAUSE"></input>
    </div>
</div>

<script>
document.getElementById("pause").onclick = function () {
    var pjs = Processing.getInstanceById('ctr');

    if ((this).value === 'RESUME') {
        //pjs.resume(); //Broken Function A
        this.value = 'PAUSE';
    } else if ((this).value === 'PAUSE') {
        //pjs.pause(); //Broken Function A
        this.value = 'RESUME';
    }
}
</script>