JSFiddle - React, Tailwind, and code Playground

by borayeris

HTML

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'tr'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<script>
$( document ).ready(function() {
	$('.diller').click(function(){ alert(  $(this).data('val')  );
		var $sex = $('select.goog-te-combo');
        $sex.val( $(this).data('val') );
        $sex.find( '[value="'+ $(this).data('val') +'"]' ).on('click');
        //new google.translate.TranslateElement({ pageLanguage:  $(this).data('val') }, 'google_translate_element')
	});
});
</script>
	
	
<p>merhaba dünya! Nasılsın?</p>


<li><a href="#" class="diller" data-val="en" >İngilizce</a></li>
<li><a href="#" class="diller" data-val="de" >Almanca</a></li>