JSFiddle - React, Tailwind, and code Playground

by Vivek Dragon

HTML

<select id="styleFont">
                  <option value="0">Myraid Pro</option>
                  <option value="1">Sans ref</option>
                  <option value="2">Times New Roman</option>
                  <option value="3"> Arial</option>
</select>
<br>
<textarea id="custom_text"></textarea>

CSS

#custom_text
{font-family:Arial; resize: none; margin-top:200px; width:500px;}

JavaScript

$("#styleFont").change(function () {
            var id =$('#styleFont option' + ':selected').text();    
            $("#custom_text").css('font-family',id);
        });