[Dilettante_Pro]

<style>
#display {
    height:20px;
}
.key {
   display:inline-block;
   border:1px solid black;
}
</style>
<div id="display"></div>
<div id="keys">
   <div id="KeyQ" class="key">Q</div>
   <div id="KeyW" class="key">W</div>
   <div id="KeyE" class="key">E</div>
</div>
<script>
document.getElementById("keys").onclick = function(e) {
   if (e.target != e.currentTarget) { document.getElementById("display").innerText += e.target.innerText; }
}
</script>