JSFiddle - React, Tailwind, and code Playground

by kurayami

HTML

ข้อความปรกติ
<br>
<textarea id="intxt" rows="10" cols="50"></textarea>
<br>
<input type="button" value="เข้ารหัส ▼▼▼▼▼" id="encode">
 ข้อความที่เข้ารหัสแล้ว 
<input type="button" value="ถอดรหัส ▲▲▲▲▲" id="decode">
<br>
<textarea id="outtxt" rows="10" cols="50"></textarea>

CSS

body {
    text-align:center;
}

JavaScript

var keys = {
    '0': 'มองตะเรียงตุง',
    '1': 'มองตะเรียงไต',
    '2': 'มองตะเรียงเตย',
    '3': 'มองตะเรียงตุย',
    '4': 'มองตะเรียงแตน',
    '5': 'มองตะเรียงเตา',
    '6': 'มองตะเรียงตวย',
    '7': 'มองตะเรียงติง',
    '8': 'มองตะเรียงแตบ',
    '9': 'มองตะเรียงโตย',

    'A': 'อองคะยอ',
    'B': 'อองคะยุย',
    'C': 'อองคะยัย',
    'D': 'อองคะแยง',
    'E': 'อองคะเยย',
    'F': 'อองคะยิม',
    'G': 'อองคะยวย',
    'H': 'อองคะยอย',
    'I': 'อองคะโยย',
    'J': 'อองคะยาย',
    'K': 'อองคะยิว',
    'L': 'อองคะเยียว',
    'M': 'อองคะยาน',
    'N': 'อองคะแยก',
    'O': 'อองคะเยิง',
    'P': 'อองคะเยียง',
    'Q': 'อองคะเยง',
    'R': 'อองคะไย',
    'S': 'อองคะยะ',
    'T': 'อองคะยิ',
    'U': 'อองคะยุน',
    'V': 'อองคะยาบ',
    'W': 'อองคะยี',
    'X': 'อองคะยบ',
    'Y': 'อองคะยิก',
    'Z': 'อองคะยอน',
    
    '\\.': 'หยอย',
    'ราคา': 'เตนบุย',
    'ขึ้น': 'มีอารมณ์',
    'บวก': 'มีอารมณ์',
    'ลง': 'ไม่มีอารมณ์',
    'ลบ': 'ไม่มีอารมณ์'
};

$('#encode').click(function() {
    var i = $('#intxt').val();
    for (var key in keys) {
        var obj = keys[key] + ' ';
        i = i.replace(new RegExp(key, 'ig'), obj);
    }
    $('#outtxt').val(i);
});

$('#decode').click(function() {
    var o = $('#outtxt').val() + ' ';
    o = o.replace(/\n/ig, ' \n');
    for (var key in keys) {
        var obj = keys[key] + ' ';
        o = o.replace(new RegExp(obj, 'ig'), key);
    }
    o = o.replace(/\\./ig, '.');
    $('#intxt').val(o);
});