Программирование JavaScript. Создание клавиатуры

Question

Программирование JavaScript. Создание клавиатуры

HClO4 Знаток (294), на голосовании 1 год назад

Здравствуйте! Появился вопрос: как создать подобие клавиатуры на сайте с помощью html и js?
В html прописываю общий div (class="main") в котором будут находится нужные символы для ввода (тоже с помощью div). Допустим, кнопок в виде div 5 шт. Я хочу, чтоб при нажатии на одну из этих кнопок в alert или console.log выводило .textContent того дива, на который я нажал. Думаю, надо делать с помощью document.querySelectorAll('.main div')

 
     1 

     2 

     3 

     4 

     5 



// js

let buttons = document.querySelectorAll('.main div');

buttons.onclick = function() {
    alert('...')
}

Answer 1

В этом примере мы используем метод querySelectorAll для выбора всех div внутри элемента с классом main. Затем мы применяем метод forEach к полученной коллекции кнопок, чтобы добавить обработчик события click к каждой кнопке.

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

Теперь при нажатии на каждую кнопку вы увидите соответствующий текст в сообщении alert.

Answer 2

Саня Семенов Оракул (60497) 1 год назад

//www.youtube.com/watch?v=rJ78PgLibYg