JSFiddle - React, Tailwind, and code Playground

by gilly3

HTML

<textarea></textarea>
<div></div>

JavaScript

$(function() {
    $("textarea").keyup(function() {
        var word = $(this).val();
        var tifinaghized = word.replace(/[abgdḍefkhḥɛxqijlmnurṛɣsṣctṭwYzẓ]|gw|kw/g, function(s) {
            return alphabet[s];
        });
        $("div").text(tifinaghized);
    });
});

var alphabet = {
    'a': 'ⴰ',
    'b': 'ⴱ',
    'g': 'ⴳ',
    'gw': 'ⴳⵯ',
    'd': 'ⴷ',
    'ḍ': 'ⴹ',
    'e': 'ⴻ',
    'f': 'ⴼ',
    'k': 'ⴽ',
    'kw': 'ⴽⵯ',
    'h': 'ⵀ',
    'ḥ': 'ⵃ',
    'ɛ': 'ⵄ',
    'x': 'ⵅ',
    'q': 'ⵇ',
    'i': 'ⵉ',
    'j': 'ⵊ',
    'l': 'ⵍ',
    'm': 'ⵎ',
    'n': 'ⵏ',
    'u': 'ⵓ',
    'r': 'ⵔ',
    'ṛ': 'ⵕ',
    'ɣ': 'ⵖ',
    's': 'ⵙ',
    'ṣ': 'ⵚ',
    'c': 'ⵛ',
    't': 'ⵜ',
    'ṭ': 'ⵟ',
    'w': 'ⵡ',
    'Y': 'ⵢ',
    'z': 'ⵣ',
    'ẓ': 'ⵥ'
};