JSFiddle - React, Tailwind, and code Playground

by Craig Martin

HTML

<input type="text" name="text">

<a href="#" class="say">say</a>


<audio src="" class="speach"></audio>

JavaScript

$(function(){ 
    $('.say').on('click',function(e){
e.preventDefault();
    var text= jQuery('input[name="text"]').val();
    text = encodeURIComponent(text); 
    var url = "https://translate.google.com/translate_tts?ie=UTF-8&q=" + text + "&tl=en";

jQuery('audio').attr('src', url).get(0).play();
    
 });
});