JSFiddle - React, Tailwind, and code Playground

HTML

<button id="button">Continue</button>
<span id="label"></span>

<script type="application/javascript;version=1.7">
    var button, label, gen;
    
    function test() {
        label.textContent += 'First part... ';
        yield;
        label.textContent += 'second part';
        yield;
    }
        
    button = document.getElementById( 'button' );
    label = document.getElementById( 'label' );
    
    gen = test();
    gen.next();
    
    button.onclick = function () {
        gen.next();
        this.disabled = true;
    };
</script>