Так как я реально чайник.
Объясните возможно ли извлечь значение с помощью класса?
Дело в следующем, я хочу сделать виртуальную клавиатуру таким образом:
<div id="display"></div>
<div id="KeyQ" class="key" value="Q">Q</div>
<div id="KeyW" class="key" value="W">W</div>
<div id="KeyE" class="key" value="E">E</div>
Я могу вывести буквы в тег с идентификатором #display таким образом с помощью идентификатора:
KeyQ.onclick = function() {
document.getElementById("display").innerHTML = "Q";
}
Но таким образом придётся каждому создавать отдельное событие, таким образом код палучится бесконечным.
Я бы хотел вместит все действие в одну функцию используя клас "key" и брат значение у того элемента который был задиствован.
По своей логике сделал так но получаю undefined:
key.onclick = function() {
var val = document. querySelector(".key").value;
document.getElementById("display").innerHTML = val;
}
Может с помощью this который я не понял как он вообще работает или другой метод.