JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.responsivevoice.org/responsivevoice.js"></script>
<div id="container">
<input type="text" name="text">
<button id="gspeech" class="say">Say It</button>
<audio id="player1" src="" class="speech" hidden></audio>
</div>

JavaScript

$(document).ready(function(){
 
 
 $('#gspeech').on('click', function(){
        
        var text = $('input[name="text"]').val();
        responsiveVoice.speak("" + text +"");
        <!--  http://responsivevoice.org/ -->
    });
   

});