Handling PNaCl KeyboardInputEvent(s) in the key tester app.

remoting/tools/javascript_key_tester/main.js

 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
+function handlePNaClMessage(message_event) {
+  var div = document.getElementById('pnacl-log');
+  div.innerHTML = message_event.data + "<br/>" + div.innerHTML;
+}
+
 function onLoad() {
-  var parentDiv = document.getElementById('key-log');
-  var chordTracker = new ChordTracker(parentDiv);
+  var javascriptLog = document.getElementById('javascript-log');
+  var chordTracker = new ChordTracker(javascriptLog);
   document.body.addEventListener(
       'keydown', chordTracker.addKeyEvent.bind(chordTracker), false);
   document.body.addEventListener(
       'keyup', chordTracker.addKeyEvent.bind(chordTracker), false);
   window.addEventListener(
       'blur', chordTracker.releaseAllKeys.bind(chordTracker), false);
-  document.getElementById('clear-log').addEventListener(
-      'click', function() { parentDiv.innerText = ''; }, false);
+  document.getElementById('clear-javascript-log').addEventListener(
+      'click', function() { javascriptLog.innerText = ''; }, false);
+
+  var pnaclLog = document.getElementById('pnacl-log');
+  document.getElementById('pnacl-listener').addEventListener(
+       'message', handlePNaClMessage, true);
+  document.getElementById('clear-pnacl-log').addEventListener(
+      'click', function() { pnaclLog.innerText = ''; }, false);
 }
 
 window.addEventListener('load', onLoad, false);