JSFiddle - React, Tailwind, and code Playground

by 6233114

HTML

<script src="http://s.keyman.com/kmw/engine/376/keymanweb.js"></script>
<script src="http://s.keyman.com/kmw/engine/376/kmwuitoggle.js"></script>
<select name="language_code" d="id_language_code">
    <option value="ar">Arabic - العربية</option>
    <option value="zh-CN">Chinese (Simplified) - 中文 (简体)‎</option>
    <option value="zh-TW">Chinese (Traditional) - 中文 (繁體)‎</option>
    <option value="cs">Czech - čeština</option>
    <option value="nl">Dutch - Nederlands</option>
    <option value="en-CA">English (Canada) - English (Canada)‎</option>
    <option value="en-GB">English (UK) - English (UK)‎</option>
    <option value="en" selected="selected">English (US)</option>
    <option value="fr-CA">French (Canada) - français (Canada)‎</option>
    <option value="fr">French (France) - français (France)‎</option>
    <option value="de">German - Deutsch</option>
    <option value="hu">Hungarian - magyar</option>
    <option value="it">Italian - italiano</option>
    <option value="ja">Japanese - 日本語</option>
    <option value="pl">Polish - polski</option>
    <option value="pt-BR">Portuguese (Brazil) - português (Brasil)‎</option>
    <option value="pt">Portuguese (Portugal) - português (Portugal)‎</option>
    <option value="ru">Russian - pусский</option>
    <option value="sl">Slovenian - slovenski</option>
    <option value="es-419">Spanish (Latin America) - español (Latinoamérica)‎</option>
    <option value="es">Spanish (Spain) - español (España)‎</option>
</select>
<hr />

<h1>Enabled Controls</h1>

<textarea cols="80" rows="5"></textarea>
<br>
<input type="text" size="30">

<h1>Disabled Control</h1>

<textarea class='kmw-disabled' cols="80" rows="5"></textarea>
<br>
<input class='kmw-disabled' type="text" size="30">

JavaScript

if ($("#id_language_code").val() == 'ar') {
    tavultesoft.keymanweb.addKeyboards('arabic_101');
} else if ($("#id_language_code").val() == 'bg') {
    tavultesoft.keymanweb.addKeyboards('bulgarian');
} else if ($("#id_language_code").val() == 'zh-CN') {
    tavultesoft.keymanweb.addKeyboards('chinese');
} else if ($("#id_language_code").val() == 'zh-HK') {
    tavultesoft.keymanweb.addKeyboards('chinese');
} else if ($("#id_language_code").val() == 'hr') {
    tavultesoft.keymanweb.addKeyboards('croatian');
} else if ($("#id_language_code").val() == 'cs') {
    tavultesoft.keymanweb.addKeyboards('czech');
} else if ($("#id_language_code").val() == 'da') {
    tavultesoft.keymanweb.addKeyboards('danish');
} else if ($("#id_language_code").val() == 'nl') {
    tavultesoft.keymanweb.addKeyboards('dutch');
} else if ($("#id_language_code").val() == 'en-CA') {
    tavultesoft.keymanweb.addKeyboards('us');
} else if ($("#id_language_code").val() == 'en-GB') {
    tavultesoft.keymanweb.addKeyboards('uk');
} else if ($("#id_language_code").val() == 'en') {
    tavultesoft.keymanweb.addKeyboards('us');
} else if ($("#id_language_code").val() == 'et') {
    tavultesoft.keymanweb.addKeyboards('estonian');
} else if ($("#id_language_code").val() == 'fi') {
    tavultesoft.keymanweb.addKeyboards('finnish');
} else if ($("#id_language_code").val() == 'fr-CA') {
    tavultesoft.keymanweb.addKeyboards('canadian_french');
} else if ($("#id_language_code").val() == 'fr') {
    tavultesoft.keymanweb.addKeyboards('french');
} else if ($("#id_language_code").val() == 'de') {
    tavultesoft.keymanweb.addKeyboards('german');
} else if ($("#id_language_code").val() == 'el') {
    tavultesoft.keymanweb.addKeyboards('greek');
} else if ($("#id_language_code").val() == 'he') {
    tavultesoft.keymanweb.addKeyboards('hebrew');
} else if ($("#id_language_code").val() == 'hu') {
    tavultesoft.keymanweb.addKeyboards('hungarian');
} else if ($("#id_language_code").val() == 'id') {
   ...