letterly.github.io/adlambraille.html at main · Juanpabl/letterly.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html>
    <head>
        <style>
            h1,h2{
                text-align: center;
            }
            textarea{
                margin-left: 5%;
                margin-right: 5%;
                width: 39%;
                font-size: 24px;
                height: 600px;
                resize: none;
            }
            *{
                font-family: 'Verdana';
            }
        </style>
        <script>
            document.addEventListener('DOMContentLoaded', function(){
                var typingTimer
                var doneTypingInterval = 1000
                var $inuk = document.getElementById("inuk")
                var $braille = document.getElementById("braille")
                $inuk.addEventListener('keyup', inukFunction)
                function inukFunction () {
                    inuk = $inuk.value.toUpperCase()

                    for(e of Object.keys(inukKey)){
                        var myRegExp = new RegExp(e, 'g')
                        inuk = inuk.replace(myRegExp, inukKey[e])
                    }
                    $braille.value = "" + inuk
                }

                inukKey = {
                    "𞤀": "⠁",
                    "𞤁": "⠙",
                    "𞤂": "⠇",
                    "𞤃": "⠍",
                    "𞤄": "⠑",
                    "𞤅": "⠊",
                    "𞤆": "⠕",
                    "𞤇": "⠥",
                    "𞤈": "⠯",
                    "𞤉": "⠻",
                    "𞤊": "⠿",
                    "𞤋": "⠃",
                    "𞤌": "⠉",
                    "𞤍": "⠡",
                    "𞤎": "⠹",
                    "𞤏": "⠥",
                    "𞤐": "⠅",
                    "𞤑": "⠇",
                    "𞤒": "⠍",
                    "𞤓": "⠝",
                    "𞤔": "⠏",
                    "𞤕": "⠎",
                    "𞤖": "⠱",
                    "𞤗": "⠞",
                    "𞤘": "⠺",
                    "𞤙": "⠭",
                    "𞤚": "⠵",
                    "𞤛": "⠮",
                    "𞤜": "⠱",
                    "𞤝": "⠞",
                    "𞤞": "⠺",
                    "𞤟": "⠭",
                    "𞤠": "⠵",
                    "𞤡": "⠮",
                    "'": "⠄",
                    "\\.": "⠲",
                    "⹁": "⠂",
                    "\\:": "⠆",
                    "؟": "⠦",
                    "\\!": "⠖",
                    "\\*": "⠐⠔",
                    " 𞥐": " ⠼⠚",
                    " 𞥑": " ⠼⠁",
                    " 𞥒": " ⠼⠃",
                    " 𞥓": " ⠼⠉",
                    " 𞥔": " ⠼⠙",
                    " 𞥕": " ⠼⠑",
                    " 𞥖": " ⠼⠋",
                    " 𞥗": " ⠼⠛",
                    " 𞥘": " ⠼⠓",
                    " 𞥙": " ⠼⠊",
                    "𞥐": "⠚",
                    "𞥑": "⠁",
                    "𞥒": "⠃",
                    "𞥓": "⠉",
                    "𞥔": "⠙",
                    "𞥕": "⠑",
                    "𞥖": "⠋",
                    "𞥗": "⠛",
                    "𞥘": "⠓",
                    "𞥙": "⠊",
                    "𞥄": "⠱",
                    "𞥅": "⠫",
                    "𞥆": "⠻",
                    "-": "⠤",
                    " ": "⠀",
                }
            }, false);
        </script>
    </head>
    <body>
        <h1>Adlam to Braille</h1>
        <textarea id="inuk" placeholder="enter Adlam text"></textarea>
        <textarea contenteditable="false" id="braille" placeholder="output here"></textarea>
    </body>
</html>