Exercising KeyboardEvent

by kowarschick

HTML

<p>Press keys on the keyboard to see the corresponding KeyboardEvent's 
   key, code, and keyCode values.
</p>
<div id="output"></div>

CSS

#output 
{ font-family: Arial, Helvetica, sans-serif; }

JavaScript

window.addEventListener
('keydown',
  function(p_event)
  { let el = document.createElement('span');
    el.innerHTML =
      `KeyboardEvent: key='${p_event.key}', 
                      code='${p_event.code}', 
                      keyCode=${p_event.keyCode} 
       <br/>
      `;

    document.getElementById('output').appendChild(el);
  },
  true
);