Web design - 347Chapter 15Generic HTML Element Objectsdocument.getElementById( upKeyCode ).innerHTML = 0; document.getElementById( pressCharCode ).innerHTML

347Chapter 15Generic HTML Element Objectsdocument.getElementById( upKeyCode ).innerHTML = 0; document.getElementById( pressCharCode ).innerHTML = 0; document.getElementById( upCharCode ).innerHTML = 0; restoreModifiers( ); restoreModifiers( Down ); restoreModifiers( Up ); document.getElementById( downKeyCode ).innerHTML = evt.keyCode; if (evt.charCode) { document.getElementById( downCharCode ).innerHTML = evt.charCode; } showModifiers( Down , evt); } function showKeyUp(evt) { evt = (evt) ? evt : window.event; document.getElementById( upKeyCode ).innerHTML = evt.keyCode; if (evt.charCode) { document.getElementById( upCharCode ).innerHTML = evt.charCode; } showModifiers( Up , evt); return false; } function showKeyPress(evt) { evt = (evt) ? evt : window.event; document.getElementById( pressKeyCode ).innerHTML = evt.keyCode; if (evt.charCode) { document.getElementById( pressCharCode ).innerHTML = evt.charCode; } showModifiers( , evt); return false; } function showModifiers(ext, evt) { restoreModifiers(ext); if (evt.shiftKey) { document.getElementById( shift + ext).style.backgroundColor = #ff0000 ; } if (evt.ctrlKey) { document.getElementById( ctrl + ext).style.backgroundColor = #00ff00 ; } if (evt.altKey) { document.getElementById( alt + ext).style.backgroundColor = #0000ff ; } } function restoreModifiers(ext) { document.getElementById( shift + ext).style.backgroundColor = #ffffff ; document.getElementById( ctrl + ext).style.backgroundColor = #ffffff ; document.getElementById( alt + ext).style.backgroundColor = #ffffff ; } ContinuedelementObject.onkeydown