JSFiddle - React, Tailwind, and code Playground

by zainshaikh

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<b>Persian Text Below</b><br />
<textarea  id="inp_text" name="inp_text" rows="9" cols="100" align="left" size="80" class="input-xlarge"></textarea>

<input id="button" type="button" align="left" value="Convert" name="convert_button"  class="btn btn-primary" /><br /><br />

<b>Latin Text Below</b><br />
<textarea  id="out_text" name="out_text" rows="9" cols="100" align="left" size="80" class="input-xlarge"></textarea>

CSS

#inp_text {direction: rtl}

JavaScript

window.limitText = function(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    }
}

window.translate = function() {
    console.log('translate');
    $('#out_text').val("");
var text = $('#inp_text').val();
var nText = '';
    for (i = 0; i < text.length; i++)(
    nText  += convertchar(text.charAt(i)))
    $('#out_text').val(nText); 
}

window.convertchar = function(letter) {
    if (letter == "ا") {
        return "a"
    }
    else if (letter == "أ") {
        return "a"
    }
    else if (letter == "آ") {
        return "a"
    }
    else if (letter == "إ") {
        return "e"
    }
    else if (letter == "ب") {
        return "b"
    }
    else if (letter == "ت") {
        return "t"
    }
    else if (letter == "ث") {
        return "th"
    }
    else if (letter == "ج") {
        return "j"
    }
    else if (letter == "ح") {
        return "h"
    }
    else if (letter == "خ") {
        return "kh"
    }
    else if (letter == "د") {
        return "d"
    }
    else if (letter == "ذ") {
        return "d"
    }
    else if (letter == "ر") {
        return "r"
    }
    else if (letter == "ز") {
        return "z"
    }
    else if (letter == "س") {
        return "s"
    }
    else if (letter == "ش") {
        return "sh"
    }
    else if (letter == "ص") {
        return "s"
    }
    else if (letter == "ض") {
        return "d"
    }
    else if (letter == "ط") {
        return "t"
    }
    else if (letter == "ظ") {
        return "z"
    }
    else if (letter == "ع") {
        return "'e"
    }
    else if (letter == "غ") {
        return "gh"
    }
    else if (letter == "ف") {
        return "f"
    }
    else if (letter == "ق") {
        return "q"
    }
    else if (letter == "ك") {
        return "k"
    }
    else if (letter == "ل") {
        return "l"
    }
    else if (letter == "م") {
        return "m"
    }
    else if (letter == "ن") {
       ...