1

Здраствуйте! Создаю виртуальную клавиатуру и для этого создал массив в котором есть все символы клавиатуры. Кнопки создаются без проблем. Проблема начинается когда я нажимаю на кнопку и хочу, чтобы её символ вписался в поле для ввода. Вот код:

function init(){
            for (var i = 0; i < ABC.length;i++){
                if ( i == 12 || i == 22){  //Создаю разделители, чтобы клавиатура выглядела натуральнее
                    var br = document.createElement('br');
                    document.body.append(br);
                }
                var letter = document.createElement('button', value = ABC[i]); 
                letter.innerHTML = ABC[i];
                letter.onclick = function() {
                    mainForm.result.value = "" + value; //Вот не знаю, как обратиться к кнопке, чтобы вывело её символ в поле для ввода
                };
                document.body.append(letter);
            }
        
        }

При данном коде при нажатии на кнопку мне выводит символ "Ю", т.к он последний в массиве. Я понимаю почему так происходит (Из-за того, что когда сработает обработчик событий в value находится символ "Ю"), но интересно, как получать другие символы?

P.S. На сайте уже в панеле элементов есть такие вот строчки, которые создаются после отработки цикла: <button is="к">к</button> может быть можно как-то обратиться в элменту is и получить с него символ?

2

1 ответ 1

0
            letter.onclick = function(e) {
                mainForm.result.value += e.target.innerHTML;
            };
3
  • Заработало! Спасибо, теперь осталось понять, почему каждое последующее нажатие на кнопку заменяет собой предыдущую букву, но в любом случае спасибо ещё раз
    – IRonny
    30 сен 2020 в 16:57
  • Ой, мне очены стыдно за собственную глупость. Спасибо вам огромное!
    – IRonny
    30 сен 2020 в 17:00
  • @IRonny Пожалуйста. Успехов.
    – user176262
    30 сен 2020 в 17:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.