Почему одно из трех значений ассоциативного массива в input выводится некорректно?

Question

[Иван Пономарёв]

i выводит 1 , l выводит 7. А вот о - выводит о.

Answer 1

[Сергей Соколов]

Ошибка, про которую спрашиваете — в знаке равенства.
if(event.key = a8[event.key]){ — здесь вы просто присваиваете в event.key значение из a8. При вводе маленкой "o", возвращается ноль, и if () не срабатывает. В двух других случаях возвращается не-ноль, и срабатывает код внутри if ().

Вообще, мне кажется, надо не по клавишным событиям реагировать, а по любому изменению поля ввода — туда, например, могут вставить скопированный текст. И показывать нужно не единственный символ, а всю строку.

spoiler

Comments

[Иван Пономарёв]

поменял на == вообще всё сломалось. Ваше решение я не осилю ибо не знаю , что такое прототипы и регулярные выражения. Спасибо. Буду разбираться

[Сергей Соколов]

Иван Пономарёв, тут перебираются пары ключ-значение из объекта rules:for ([i, o] of Object.entries(rules)) { }
Внутри цикла первый раз будет i = 'i', o = '1' — что на входе (i = input), что должно быть на выходе (o = output). Что на что будем менять.

Надо в строке value заменить все вхождения значения переменной i на значение переменной o. Проще всего это сделать регулярными выражениями.

new RegExp('i', 'g') создаёт регулярку `/i/g` – она соответствует одной букве 'i', а флаг 'g' (global) значит, что нужно найти не одно первое, а все подходящие вхождения. И заменить их на 2-й аргумент функции replace().